.documents-block {
  margin: clamp(40px, calc(3.75vw + 28px), 100px) 0;
}
.documents-block__title * {
  font-weight: 900;
  font-size: clamp(21px, calc(1.8125vw + 15.2px), 50px);
  line-height: 130%;
  color: var(--color, var(--Head));
  text-transform: uppercase;
  --color: var(--Hover);
}
.documents-block__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(15px, calc(0.9375vw + 12px), 30px);
}
.documents-block__btn {
  margin: clamp(15px, calc(0.9375vw + 12px), 30px) auto 0;
}
.documents-block .document {
  border-radius: 15px;
  background: var(--Head);
  border: 2px solid var(--Head);
  overflow: hidden;
  transition: var(--transition);
}
.documents-block .document.hidden {
  display: none;
}
.documents-block .document__top {
  padding: clamp(15px, calc(0.9375vw + 12px), 30px);
  display: flex;
  gap: clamp(15px, calc(0.625vw + 13px), 25px);
  align-items: center;
}
.documents-block .document__type {
  border-radius: 5px;
  background: var(--Primary);
  font-weight: 300;
  font-size: clamp(12px, calc(0.125vw + 11.6px), 14px);
  line-height: 130%;
  color: var(--color, var(--Main-text));
  --color: var(--Hover);
  text-transform: uppercase;
  padding: 11px 7px;
}
.documents-block .document__name {
  --color: var(--Background-light);
  transition: var(--transition);
}
.documents-block .document__info {
  padding: clamp(10px, calc(0.3125vw + 9px), 15px) clamp(15px, calc(4.6875vw + 0px), 90px) clamp(10px, calc(0.3125vw + 9px), 15px) clamp(15px, calc(0.9375vw + 12px), 30px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px 20px;
  background: var(--Background-light);
  transition: var(--transition);
}
@media (min-width: 992px) {
  .documents-block .document:hover {
    border-color: var(--Primary);
  }
  .documents-block .document:hover .document__name {
    --color: var(--Primary);
  }
  .documents-block .document:hover .document__info {
    background-color: var(--Background-dark);
  }
}

@media (max-width: 575px) {
  .documents-block__wrap {
    grid-template-columns: 1fr;
  }
}/*# sourceMappingURL=block.css.map */