@layer theme,base;@layer components{.btn{--btn-wipe-time:.45s;isolation:isolate;cursor:pointer;letter-spacing:.02em;white-space:nowrap;min-height:3.25rem;transition:transform var(--dur-fast) var(--ease-settle);border:0;border-radius:999px;justify-content:center;align-items:center;gap:.625rem;padding:0 1.75rem;font-size:.875rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:default}.magnetic{display:inline-flex}.magnetic>.btn{flex:1}.btn__arrow{fill:none;stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem;transition:transform var(--btn-wipe-time) var(--ease-wipe);flex:none}.btn-primary{--btn-wipe:var(--color-cloud);background:var(--color-yellow);color:var(--color-navy)}.btn-ink{background:var(--color-blue);color:var(--color-cloud);transition:color var(--btn-wipe-time) var(--ease-wipe), transform var(--dur-fast) var(--ease-settle)}.btn-primary:before,.btn-secondary:before,.btn-ink:before{content:"";z-index:-1;background:var(--btn-wipe,var(--color-yellow));transform-origin:100%;transition:transform var(--btn-wipe-time) var(--ease-wipe);position:absolute;inset:0;transform:scaleX(0)}.btn-secondary{border:1px solid var(--color-hairline);color:var(--color-cloud);transition:color var(--btn-wipe-time) var(--ease-wipe), border-color var(--btn-wipe-time) var(--ease-wipe), transform var(--dur-fast) var(--ease-settle);background:0 0}@media (hover:hover){.btn-primary:hover:before,.btn-secondary:hover:before,.btn-ink:hover:before{transform-origin:0;transform:scaleX(1)}.btn-primary:hover .btn__arrow,.btn-secondary:hover .btn__arrow,.btn-ink:hover .btn__arrow{transform:translate(.25rem)}.btn-ink:hover,.btn-secondary:hover{color:var(--color-navy)}.btn-secondary:hover{border-color:var(--color-yellow)}}}@layer utilities;@media (prefers-reduced-motion:reduce){.btn,.btn:before,.btn__arrow{transition:none}}