/* SUNDEX mobile CTA unification — p80
   The metal rim is rendered inside the button bounds so iOS cannot crop it. */

@media (max-width: 760px) {
  :is(
    .sis-guide,
    .sps-final-actions > .scc-card-cta
  ).sundex-liquid-metal {
    box-sizing: border-box !important;
    min-height: 52px !important;
    padding: 0 24px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
      linear-gradient(180deg, #0d1118 0%, #070a0f 48%, #030509 100%) padding-box,
      conic-gradient(
        from 218deg,
        rgba(104, 113, 126, 0.9) 0deg,
        rgba(242, 245, 249, 0.98) 31deg,
        rgba(87, 98, 114, 0.88) 69deg,
        rgba(31, 38, 49, 0.92) 118deg,
        rgba(215, 222, 231, 0.96) 164deg,
        rgba(91, 102, 118, 0.9) 205deg,
        rgba(247, 249, 251, 0.98) 252deg,
        rgba(47, 55, 68, 0.94) 302deg,
        rgba(104, 113, 126, 0.9) 360deg
      ) border-box !important;
    color: #f3f6fa !important;
    font-size: 0.82rem !important;
    font-weight: 590 !important;
    letter-spacing: -0.012em !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.82) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.07),
      inset 0 -2px 4px rgba(0, 0, 0, 0.72),
      0 10px 26px rgba(0, 0, 0, 0.3) !important;
    transform: translate3d(0, 0, 0) !important;
    transition:
      transform 150ms cubic-bezier(0.23, 1, 0.32, 1),
      filter 150ms ease,
      box-shadow 150ms ease !important;
    -webkit-tap-highlight-color: transparent;
  }

  :is(
    .sis-guide,
    .sps-final-actions > .scc-card-cta
  ).sundex-liquid-metal::before {
    content: "" !important;
    position: absolute !important;
    inset: 1px !important;
    z-index: -1 !important;
    border-radius: inherit !important;
    background:
      radial-gradient(120% 100% at 50% -28%, rgba(255, 255, 255, 0.055), transparent 48%),
      linear-gradient(180deg, #0d1118 0%, #070a0f 48%, #030509 100%) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.055),
      inset 0 -2px 4px rgba(0, 0, 0, 0.76) !important;
    pointer-events: none !important;
  }

  :is(
    .sis-guide,
    .sps-final-actions > .scc-card-cta
  ).sundex-liquid-metal > canvas,
  :is(
    .sis-guide,
    .sps-final-actions > .scc-card-cta
  ).sundex-liquid-metal > .sundex-liquid-ripple {
    display: none !important;
  }

  :is(
    .sis-guide,
    .sps-final-actions > .scc-card-cta
  ).sundex-liquid-metal:hover {
    filter: none !important;
    transform: translate3d(0, 0, 0) !important;
  }

  :is(
    .sis-guide,
    .sps-final-actions > .scc-card-cta
  ).sundex-liquid-metal.is-liquid-pressed,
  :is(
    .sis-guide,
    .sps-final-actions > .scc-card-cta
  ).sundex-liquid-metal:active {
    filter: brightness(0.94) !important;
    transform: translate3d(0, 1px, 0) scale(0.985) !important;
  }

  :is(
    .sis-guide,
    .sps-final-actions > .scc-card-cta
  ).sundex-liquid-metal.is-liquid-pressed::before,
  :is(
    .sis-guide,
    .sps-final-actions > .scc-card-cta
  ).sundex-liquid-metal:active::before {
    inset: 1px !important;
  }

  .sis-guide.sundex-liquid-metal {
    width: min(100%, 320px) !important;
  }

  .sps-final-actions > .scc-card-cta.sundex-liquid-metal {
    width: 100% !important;
  }
}

@media (max-width: 760px) and (prefers-reduced-motion: reduce) {
  :is(
    .sis-guide,
    .sps-final-actions > .scc-card-cta
  ).sundex-liquid-metal {
    transition-duration: 0.01ms !important;
  }
}