.support-block__container {
  background: var(--fon-bg);
  border-radius: 32px;
  padding: 20px;
}
.support-block__wrap {
  background: var(--fon-card);
  border-radius: 32px;
  padding: 50px;
}
.support-block__title {
  text-align: center;
}
.support-block__title * {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: var(--elementy-primary);
}
.support-block__title:not(:last-child) {
  margin-bottom: 10px;
}
.support-block__subtitle {
  text-align: center;
}
.support-block__btn-wrap {
  margin-top: 120px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}
.support-block .support-btn {
  position: relative;
  flex-grow: 1;
  flex-basis: 0;
  min-width: calc((100% - 30px) / 2);
  max-width: calc((100% - 30px) / 2);
  display: flex;
  justify-content: center;
}
.support-block .support-btn__caption {
  position: absolute;
  top: -15px;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  background: var(--tekst-head);
  border-radius: 8px;
  padding: 4px 8px;
  font: var(--font-tag-s);
  color: var(--tekst-second---main-text);
  display: flex;
  align-items: center;
  gap: 4px;
  z-index: 2;
}
.support-block .support-btn__caption img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  -o-object-fit: contain;
  object-fit: contain;
}
.support-block .support-btn__wrap {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
  border-radius: 20px;
  padding: 10px 10px 10px 30px;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.support-block .support-btn__text {
  flex: 1;
}
.support-block .support-btn__arrow {
  border-radius: 15px;
  width: 120px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.2);
}
.support-block .support-btn__arrow svg {
  width: 38px;
  height: 38px;
  color: var(--fon-card);
}
.support-block .support-btn:nth-child(odd) .support-btn__wrap {
  background: var(--elementy-second);
}
.support-block .support-btn:nth-child(odd) .support-btn__wrap::before {
  content: "";
  background: linear-gradient(210deg, #ffb37b 0%, #fd9c41 55.94%, #fc4714 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: var(--transition);
  z-index: -1;
  pointer-events: none;
}
.support-block .support-btn:nth-child(odd) .support-btn__text {
  color: var(--tekst-second---main-text);
}
@media (min-width: 992px) {
  .support-block .support-btn:nth-child(odd):hover .support-btn__wrap::before {
    opacity: 0;
  }
}
.support-block .support-btn:nth-child(even) .support-btn__wrap {
  background: var(--elementy-telegram);
}
.support-block .support-btn:nth-child(even) .support-btn__text {
  color: var(--tekst-second---main-text);
}
@media (min-width: 992px) {
  .support-block .support-btn:nth-child(even):hover .support-btn__wrap {
    background: var(--elementy-fourth);
  }
}

@media (max-width: 1199px) {
  .support-block .support-btn {
    min-width: calc((100% - 15px) / 2);
    max-width: calc((100% - 15px) / 2);
  }
  .support-block .support-btn__arrow {
    width: 80px;
    height: 80px;
  }
  .support-block .support-btn__arrow svg {
    width: 25px;
    height: 25px;
  }
  .support-block__btn-wrap {
    margin-top: 80px;
    gap: 15px;
  }
}
@media (max-width: 991px) {
  .support-block__wrap {
    padding: 50px 20px;
  }
  .support-block__container {
    padding: 10px;
  }
  .support-block .support-btn__wrap {
    padding: 10px 10px 10px 10px;
    gap: 10px;
  }
  .support-block .support-btn__arrow {
    width: 60px;
    height: 60px;
  }
  .support-block .support-btn__arrow svg {
    width: 19px;
    height: 19px;
  }
}
@media (max-width: 767px) {
  .support-block__btn-wrap {
    margin-top: 50px;
    gap: 30px;
    flex-direction: column;
    align-items: center;
  }
  .support-block .support-btn {
    width: 100%;
    min-width: inherit;
    max-width: 500px;
  }
}
@media (max-width: 575px) {
  .support-block__wrap {
    padding: 30px 20px;
  }
  .support-block__title br {
    display: none;
  }
}
@media (max-width: 375px) {
  .support-block__container {
    padding: 0;
  }
  .support-block__wrap {
    padding: 20px 10px;
  }
  .support-block .support-btn__text {
    font-size: 18px;
  }
  .support-block .support-btn__arrow {
    width: 50px;
    height: 50px;
  }
  .support-block .support-btn__arrow svg {
    width: 15px;
    height: 15px;
  }
}/*# sourceMappingURL=block.css.map */