.ds-btn{--ds-btn-lip: color-mix(in srgb, var(--ds-btn-bg) 62%, #000);--ds-btn-lit: color-mix(in srgb, var(--ds-btn-bg) 84%, #fff);position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:46px;padding:0 24px;box-sizing:border-box;border:0;border-radius:12px;background-color:var(--ds-btn-bg);background-image:linear-gradient(rgba(255,255,255,0) 45%,var(--ds-btn-lit) 100%);box-shadow:inset 0 -3px 0 0 var(--ds-btn-lip),inset 0 2px 8px #0000002e;color:var(--ds-btn-fg);font-family:Mona Sans,Segoe UI,system-ui,sans-serif;font-weight:700;font-size:16px;line-height:20px;letter-spacing:-.3px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:color .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.ds-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.42) 50%,transparent 62%);transform:translate(-130%);animation:ds-btn-shine 3.4s ease-in-out infinite}@keyframes ds-btn-shine{0%,62%{transform:translate(-130%)}to{transform:translate(130%)}}.ds-btn:hover{background-color:color-mix(in srgb,var(--ds-btn-bg) 88%,#fff)}.ds-btn:active{transform:translateY(2px);box-shadow:inset 0 -1px 0 0 var(--ds-btn-lip),inset 0 3px 10px #00000042}.ds-btn:focus-visible{outline:2px solid var(--ds-btn-bg);outline-offset:3px}.ds-btn--sm{height:38px;padding:0 18px;gap:8px;border-radius:10px;font-size:14px}.ds-btn--light{--ds-btn-bg: #ffffff;--ds-btn-fg: #0d0c22}.ds-btn--light:after{animation:none;opacity:0}@media(prefers-reduced-motion:reduce){.ds-btn:after{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ds-btn.css.map */