/* Mobile CTA standard: the approved “Посмотреть, как это работает” button.
   At 390px: 334 × 54px, Nimbus Roman 18px, navy fill and a metallic gold rim. */
.module-buy .module-buy-arrow { display:none; }
@media (max-width:700px) {
  :root {
    --mobile-cta-width:min(85.641026vw,368.25641px);
    --mobile-cta-height:clamp(44px,13.846154vw,59.53846px);
    --mobile-cta-font:clamp(16px,4.615385vw,19.84615px);
    --mobile-cta-gold:linear-gradient(115deg,#96763f 0%,#e0c38a 18%,#fff3cc 32%,#af8c4f 50%,#f5dfa8 70%,#ae8846 100%);
    --mobile-cta-navy:radial-gradient(ellipse at 50% 45%,#09233e 0%,#03152b 100%);
  }
  .hero-program-scene .modules-flow .module-buy,
  .faq-section > .cel-faq .cel-faq__button,
  .care-section-native .care-card__button,
  .care-cta-button {
    box-sizing:border-box!important;
    width:var(--mobile-cta-width)!important;
    max-width:100%!important;
    height:var(--mobile-cta-height)!important;
    min-height:var(--mobile-cta-height)!important;
    padding:0 20px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border:1.8px solid transparent!important;
    border-radius:999px!important;
    background:var(--mobile-cta-navy) padding-box,var(--mobile-cta-gold) border-box!important;
    box-shadow:inset 0 0 0 .5px #fff3cc66,0 2px 5px #0004!important;
    color:#e9dfc6!important;
    -webkit-text-fill-color:#e9dfc6!important;
    font:400 var(--mobile-cta-font)/1.1 "Nimbus Roman",Georgia,serif!important;
    letter-spacing:normal!important;
    text-align:center!important;
    text-decoration:none!important;
    text-shadow:none!important;
    white-space:nowrap!important;
    filter:none!important;
    animation:none!important;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .hero-program-scene .modules-flow .module-buy {
    position:static!important;
    inset:auto!important;
    margin:28px auto 18px!important;
    transform:none!important;
  }
  .hero-program-scene .modules-flow .module-buy .module-buy-arrow-desktop {
    display:none!important;
  }
  .hero-program-scene .modules-flow .module-buy .module-buy-arrow {
    display:block!important;
    width:16px;
    height:16px;
    flex:0 0 16px;
    margin:0!important;
    color:inherit;
  }
  .hero-program-scene .modules-flow .module-buy .module-buy-label {
    flex:0 0 auto;
    margin:0!important;
  }
  .hero-program-scene .modules-flow .module-buy::before,
  .hero-program-scene .modules-flow .module-buy::after {
    content:none!important;
    display:none!important;
  }
  .faq-section > .cel-faq .cel-faq__button {
    margin-inline:auto!important;
  }
  .faq-section > .cel-faq .cel-faq__button > span {
    white-space:normal!important;
    min-width:0;
  }
  .faq-section > .cel-faq .cel-faq__button .cel-faq__arrow {
    width:17px!important;
    height:17px!important;
    flex:0 0 17px;
  }
  .faq-section > .cel-faq .cel-faq__button[hidden] {
    display:none!important;
  }
  .care-section-native .care-card__button svg {
    width:17px;
    height:17px;
    flex:0 0 17px;
    stroke:#d6c69a;
    stroke-width:1.35;
    stroke-linecap:round;
    stroke-linejoin:round;
  }
  .care-cta-button {
    left:50%!important;
    transform:translate(-50%,-50%)!important;
    max-width:88%!important;
  }
  .care-cta-button span {
    display:inline!important;
    font-size:1.1em!important;
    color:inherit!important;
  }
  .hero-program-scene .modules-flow .module-buy:focus-visible,
  .faq-section > .cel-faq .cel-faq__button:focus-visible,
  .care-section-native .care-card__button:focus-visible,
  .care-cta-button:focus-visible {
    outline:2px solid #fff3cc!important;
    outline-offset:4px!important;
  }
  .hero-program-scene .modules-flow .module-buy:active,
  .faq-section > .cel-faq .cel-faq__button:active,
  .care-section-native .care-card__button:active,
  .care-cta-button:active {
    box-shadow:inset 0 0 0 .5px #fff3cc88,0 0 12px #edc77b55!important;
  }
}
