/* Clean yellow actions: a single surface and an open arrow. */
:is(.header,.hero,.closing) .button:not(.button--secondary){
 background:linear-gradient(115deg,#ffdb3d,#ffcf18 65%,#f8c600);color:#17170e;border:1px solid #ffe26b;
 border-radius:10px;box-shadow:inset 0 1px 0 #fff6;gap:18px;font-weight:650;
 transform:none;translate:none;transition:background .25s,box-shadow .25s,translate .3s cubic-bezier(.22,1,.36,1);
}
:is(.header,.hero,.closing) .button:not(.button--secondary):before{display:none}
:is(.header,.hero,.closing) .button:not(.button--secondary):after{opacity:.2;background:linear-gradient(110deg,transparent 32%,#fff7c044 50%,transparent 68%);animation-duration:8s}
:is(.header,.hero,.closing) .button:not(.button--secondary) .cta-disc{
 background:none;color:inherit;border:0;border-radius:0;box-shadow:none;width:18px;height:18px;flex:0 0 18px;
}
:is(.header,.hero,.closing) .button:not(.button--secondary) .icon{width:17px;height:17px;stroke-width:2;transform:none;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.header .header__order{padding:11px 18px;min-height:42px;font-size:13px}
@media(hover:hover) and (pointer:fine){
 :is(.header,.hero,.closing) .button:not(.button--secondary):hover{background:linear-gradient(115deg,#ffe162,#ffd52f);box-shadow:inset 0 1px 0 #fff8,0 4px 18px #ffcc0012;translate:0 -1px;transform:none}
 :is(.header,.hero,.closing) .button:not(.button--secondary):hover .icon{transform:translate(2px,-2px)}
}
:is(.header,.hero,.closing) .button:not(.button--secondary):active{translate:0 0;box-shadow:inset 0 1px 3px #94780022}
@media(prefers-reduced-motion:reduce){
 :is(.header,.hero,.closing) .button:not(.button--secondary),:is(.header,.hero,.closing) .button:not(.button--secondary) .icon{transition:none;translate:none;transform:none}
 :is(.header,.hero,.closing) .button:not(.button--secondary):after{animation:none}
}

/* Pointer light is clipped to the button, including under desktop CSS zoom. */
.button.has-pointer-light{position:relative;overflow:hidden;isolation:isolate}
.button.has-pointer-light>.button-pointer-light{position:absolute!important;inset:0!important;width:auto!important;height:auto!important;z-index:0!important;pointer-events:none;border-radius:inherit;opacity:0;transform:none!important;background:radial-gradient(circle 85px at var(--pointer-x,50%) var(--pointer-y,50%),#ffe99718,transparent 100%);transition:opacity .25s}
.button.has-pointer-light:not(.button--secondary)>.button-pointer-light{background:radial-gradient(circle 75px at var(--pointer-x,50%) var(--pointer-y,50%),#fff9db26,transparent 100%)}
@media(hover:hover) and (pointer:fine){.button.has-pointer-light.is-pointer-lit>.button-pointer-light{opacity:1}}
@media(prefers-reduced-motion:reduce){.button.has-pointer-light>.button-pointer-light{display:none}}
body[data-motion='paused'] .button.has-pointer-light>.button-pointer-light{display:none}

/* Keep the light restrained on the dark button inside the gold package. */
.pricing .plan-poster--main .button.has-pointer-light>.button-pointer-light{background:radial-gradient(circle 65px at var(--pointer-x,50%) var(--pointer-y,50%),#fff3bc18,transparent 100%)}
.pricing .plan-poster--main .button::before{display:none}
.pricing .plan-poster--main .button::after{opacity:.08}
.pricing .plan-poster--main .button:hover::after{opacity:.1}