.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 2.4rem;font-family:var(--font-body);font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent}.btn span{position:relative;z-index:2}.btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform:scaleX(0);transform-origin:right;transition:transform .6s cubic-bezier(.16,1,.3,1)}.btn:hover:before{transform:scaleX(1);transform-origin:center}.btn--primary{background:var(--color-primary);color:var(--color-white)}.btn--primary:before{background:var(--color-accent)}.btn--secondary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--secondary:before{background:var(--color-primary)}.btn--secondary:hover{color:var(--color-white);border-color:var(--color-primary)}.btn--white{background:var(--color-white);color:#111;border:1px solid var(--color-white)}.btn--white:before{background:#0000000d}.btn--white:hover{color:#111;border-color:var(--color-white)}.btn--accent{background:var(--color-accent);color:var(--color-white)}.btn--accent:before{background:var(--color-primary)}.btn--ghost{background:transparent;color:var(--color-white);border:1.5px solid rgba(255,255,255,.4)}.btn--ghost:before{background:#ffffff26}.btn--ghost:hover{border-color:#fffc}.btn--sm{padding:.6rem 1.5rem;font-size:.55rem}.btn--lg{padding:1.1rem 3rem;font-size:.7rem}.btn--full{width:100%}.btn-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-text);transition:color .3s ease,transform .3s ease;-webkit-tap-highlight-color:transparent;position:relative}.btn-icon:hover{color:var(--color-accent)}.btn-icon svg{width:20px;height:20px}.btn-icon__badge{position:absolute;top:2px;right:2px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:var(--color-white);font-size:.5rem;font-weight:700;border-radius:50%;line-height:1}.btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:transparent;border:none;cursor:pointer;color:var(--color-text);transition:transform .3s ease}.btn-close:hover{transform:rotate(90deg)}.btn-close svg{width:18px;height:18px}.btn--loading,.btn.is-loading{pointer-events:none;opacity:.7}.btn--loading span,.btn.is-loading span{visibility:hidden}.btn--loading:after,.btn.is-loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:btnSpin .6s linear infinite;z-index:3}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn:disabled,.btn--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-link{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;padding:0;font-size:.65rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);cursor:pointer;text-decoration:none;position:relative}.btn-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.16,1,.3,1)}.btn-link:hover:after{transform:scaleX(1);transform-origin:left}.btn-link svg{width:14px;height:14px;transition:transform .3s ease}.btn-link:hover svg{transform:translate(4px)}@media(max-width:768px){.btn{padding:.8rem 2rem;font-size:.6rem}.btn--lg{padding:.9rem 2.5rem}.btn-icon{width:36px;height:36px}.btn-icon svg{width:18px;height:18px}.btn-icon__badge{width:14px;height:14px;font-size:.45rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-buttons.css.map */