:is(.cta, .corner-cta, .chip.on, .subchip.on, .fchip.on, .cbtn.sel) { --btn-fill: #242424; --btn-fill-hover: #3a3a3a; --btn-ink: #FFFFFF; --btn-brush: #F1BE48; --btn-ring: #F1BE48; }

:is(.btn-sec) { --btn-fill: #F1BE48; --btn-fill-hover: #F6CB60; --btn-ink: #242424; --btn-brush: #242424; --btn-ring: #242424; }

:root { --btn-bounce-full: 2px; --btn-bounce-scale: .6; --btn-bounce-dur: .5s; }

:is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel), :is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(:link, :visited, :hover, :focus, :focus-visible, :active) { color: var(--btn-ink); text-decoration: none; }

:is(.cta, .corner-cta, .btn-sec):is(.cta, .corner-cta, .btn-sec):is(.cta, .corner-cta, .btn-sec) { background: var(--btn-fill); }

:is(.cta, .corner-cta, .btn-sec):is(.cta, .corner-cta, .btn-sec):is(.cta, .corner-cta, .btn-sec)::after { box-shadow: inset 0 0 0 2px var(--btn-ring); }

:is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel) .t { position: relative; z-index: 1; }

:is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel) :is(.bfill, .bsfill, .cfill) { color: var(--btn-brush); }

:is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel) .t :is(.bfill, .bsfill, .cfill) { z-index: -1; }

:is(.cta, .corner-cta, .btn-sec):is(.cta, .corner-cta, .btn-sec):is(.cta, .corner-cta, .btn-sec) :is(.bfill, .bsfill, .cfill) { position: absolute; left: -4px; right: -4px; bottom: -2px; height: 6px; z-index: -1; clip-path: inset(0px 100% 0px 0px); transition: clip-path .2s var(--ease-brush-retract,cubic-bezier(.4,0,.6,1)); }

:is(.bfill, .bsfill, .cfill) svg { display: block; width: 100%; height: 100%; }

:is(.bfill, .bsfill, .cfill) path { fill: currentcolor; }

:is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on):not(.wcta) { transition: background .5s var(--ease,ease),color .3s var(--ease,ease),transform var(--btn-bounce-dur) var(--ease,ease); }

:is(.chip:not(.on), .subchip:not(.on), .fchip:not(.on), .cbtn:not(.sel)):is(.chip:not(.on), .subchip:not(.on), .fchip:not(.on), .cbtn:not(.sel)):is(.chip:not(.on), .subchip:not(.on), .fchip:not(.on), .cbtn:not(.sel)) { transition: background .3s var(--ease,ease),color .3s var(--ease,ease),transform var(--btn-bounce-dur) var(--ease,ease); }

:is(.chip, .subchip, .fchip):is(.chip, .subchip, .fchip):is(.chip, .subchip, .fchip) { --btn-bounce: calc(var(--btn-bounce-full) * var(--btn-bounce-scale)); }

@media (hover: hover) and (pointer: fine) {
  :is(.cta, .corner-cta, .btn-sec, .cbtn, .chip, .subchip, .fchip.on):is(.cta, .corner-cta, .btn-sec, .cbtn, .chip, .subchip, .fchip.on):is(.cta, .corner-cta, .btn-sec, .cbtn, .chip, .subchip, .fchip.on):hover { transform: translateY(calc(-1 * var(--btn-bounce,var(--btn-bounce-full)))); }
}

:is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):active:not(.btn-dis):not([aria-disabled="true"]) { transform: scale(0.97); transition: background .5s var(--ease,ease),color .3s var(--ease,ease),transform .1s var(--ease-brush-draw,cubic-bezier(.2,.7,.3,1)); }

:root { --color-fill-disabled: #F5F5F5; --color-text-disabled: #A4A7AE; }

:is(.cta, .corner-cta, .btn-sec):is(.btn-dis, [aria-disabled="true"]) { --btn-fill: var(--color-fill-disabled); --btn-fill-hover: var(--color-fill-disabled); --btn-ink: var(--color-text-disabled); --btn-brush: transparent; --btn-ring: transparent; }

:is(.cta, .corner-cta, .btn-sec):is(.btn-dis, [aria-disabled="true"]) :is(.bfill, .bsfill, .cfill) { display: none; }

@keyframes btn-nudge { 
  0%, 24%, 38%, 62%, 76%, 100% { transform: translateY(0px); }
  12%, 50%, 88% { transform: translateY(calc(-1 * var(--btn-bounce-full))); }
}

:is(.cta, .btn-sec).nudge { animation: btn-nudge 1.8s var(--ease,ease); }

@media (prefers-reduced-motion: reduce) {
  :is(.cta, .btn-sec).nudge { animation: auto ease 0s 1 normal none running none; }
}

:is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):hover, :is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):focus-visible:not(.afq) { background: var(--btn-fill-hover); }

:is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):hover :is(.bfill, .bsfill, .cfill), :is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):focus-visible:not(.afq) :is(.bfill, .bsfill, .cfill) { clip-path: inset(0px); opacity: 1; transition: clip-path .35s var(--ease-brush-draw,cubic-bezier(.2,.7,.3,1)); }

.cbtn.sel.sel.sel .cfill { opacity: 1; clip-path: inset(0px 100% 0px 0px); transition: clip-path .2s var(--ease-brush-retract,cubic-bezier(.4,0,.6,1)); }

.cbtn.sel.sel.sel:hover, .cbtn.sel.sel.sel:focus-visible:not(.afq) { transition: background .5s var(--ease,ease),color .3s var(--ease,ease),transform var(--btn-bounce-dur) var(--ease,ease),box-shadow .3s var(--ease,ease); }

@media (prefers-reduced-motion: reduce) {
  :is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel), :is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel):is(.cta, .corner-cta, .btn-sec, .chip.on, .subchip.on, .fchip.on, .cbtn.sel) :is(.bfill, .bsfill, .cfill) { transition: none; }
  :is(.cta, .corner-cta, .btn-sec, .cbtn, .chip, .subchip, .fchip):is(.cta, .corner-cta, .btn-sec, .cbtn, .chip, .subchip, .fchip):is(.cta, .corner-cta, .btn-sec, .cbtn, .chip, .subchip, .fchip):hover { transform: none; }
}