h1[field="tn_text_1753191752771"] {
    color: #4AA6C2; /* fallback цвет */
    background: radial-gradient(50% 100% at 50% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #4AA6C2;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

/* Оранжевая кнопка (левая) - с блеском */
.cta__button_orange-gradient {
    background: radial-gradient(50% 100% at 50% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #F65E00;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Блеск для оранжевой кнопки */
.cta__button_orange-gradient::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.6), transparent);
    transition: left 0.5s ease;
}

.cta__button_orange-gradient:hover::before {
    left: 100%;
}

/* Белая кнопка - с блеском */
.cta__button_white {
    background: #FFFFFF;
    border-radius: 20px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Блеск для белой кнопки */
.cta__button_white::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1), transparent);
    transition: left 0.5s ease;
}

.cta__button_white:hover::before {
    left: 100%;
}

/* Светло-оранжевая кнопка (правая) - проваливается */
.cta__button_opacity-gradient {
    background: radial-gradient(50% 100% at 50% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #FAAB3E;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.cta__button_opacity-gradient:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.cta__button_opacity-gradient:active {
    transform: translateY(4px);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/* Белая кнопка с эффектом проваливания */
.cta__button__opacity_white {
    background: #FFFFFF;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.2s ease;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.cta__button__opacity_white:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.cta__button__opacity_white:active {
    transform: translateY(4px);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.white-radial-text {
    color: #272728;
}

@media (min-width: 768px) {
  @supports (background-clip: text) or (-webkit-background-clip: text) {
    .white-radial-text {
    background: radial-gradient(50% 100% at 50% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    }
  }
}

.black-radial-text {
  color: #272728; /* всегда видимый fallback */
}

@media (min-width: 768px) {
  @supports (background-clip: text) or (-webkit-background-clip: text) {
    .black-radial-text {
      background: radial-gradient(50% 100% at 50% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), #272728;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
  }
}