.btn{--btn-fill: transparent;--btn-label: var(--color-text);--btn-border: transparent;--btn-fill-hover: transparent;--btn-label-hover: var(--color-text);--btn-border-hover: transparent;display:inline-flex;align-items:center;justify-content:center;gap:.75ch;min-height:var(--btn-height);padding-inline:var(--btn-pad-x);border:var(--btn-border-width) solid var(--btn-border);border-radius:var(--btn-radius);font-size:var(--btn-font-size);letter-spacing:var(--btn-tracking);text-transform:uppercase;text-decoration:none;text-align:center;white-space:nowrap;color:var(--btn-label);background-color:var(--btn-fill);background-image:linear-gradient(var(--btn-fill-hover),var(--btn-fill-hover));background-repeat:no-repeat;background-position:left center;background-size:0% 100%;cursor:pointer;transition:background-size var(--motion-med) var(--ease-out),color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}@media(hover:hover){.btn:hover{background-size:100% 100%;color:var(--btn-label-hover);border-color:var(--btn-border-hover)}}.btn:focus-visible,.btn:active{background-size:100% 100%;color:var(--btn-label-hover);border-color:var(--btn-border-hover)}.btn:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.btn[disabled],.btn[aria-disabled=true]{cursor:not-allowed;opacity:.4;background-size:0% 100%}.btn-light{--btn-fill: var(--brand-primary);--btn-label: var(--color-text-on-light);--btn-border: var(--brand-primary);--btn-fill-hover: var(--brand-accent);--btn-label-hover: var(--color-text-on-light);--btn-border-hover: var(--brand-accent)}.btn-dark{--btn-fill: var(--brand-secondary);--btn-label: var(--color-text);--btn-border: var(--color-border-strong);--btn-fill-hover: var(--brand-primary);--btn-label-hover: var(--color-text-on-light);--btn-border-hover: var(--brand-primary)}.btn-outline{--btn-fill: transparent;--btn-label: var(--brand-accent);--btn-border: var(--color-border-accent);--btn-fill-hover: var(--brand-accent);--btn-label-hover: var(--color-text-on-light);--btn-border-hover: var(--brand-accent)}.btn-ghost{--btn-fill: transparent;--btn-label: var(--color-text);--btn-border: var(--color-border);--btn-fill-hover: var(--brand-accent-wash);--btn-label-hover: var(--color-text);--btn-border-hover: var(--color-border-accent)}.btn-link{--btn-label: var(--brand-accent);--btn-label-hover: var(--brand-accent-bright);position:relative;min-height:0;padding-inline:0;border:0;background-image:none}.btn-link:after{content:"";position:absolute;inset-inline:0;bottom:-.4em;height:1px;background-color:currentColor;transform:scaleX(0);transform-origin:left center;transition:transform var(--motion-med) var(--ease-out)}@media(hover:hover){.btn-link:hover:after{transform:scaleX(1)}}.btn-link:focus-visible:after,.btn-link:active:after{transform:scaleX(1)}.btn-arrow{display:inline-block;flex:none;width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform var(--motion-med) var(--ease-out)}@media(hover:hover){.btn:hover .btn-arrow{transform:translate(.35em)}}.btn:focus-visible .btn-arrow,.btn:active .btn-arrow{transform:translate(.35em)}.btn-full{width:100%}.btn-sm{--btn-height: 36px;--btn-pad-x: 20px}.btn-lg{--btn-height: 52px;--btn-pad-x: 36px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/apex-buttons.css.map */