.hn-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:15px;font-weight:600;letter-spacing:.02em;line-height:1.05;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;padding:15px 28px;border-radius:8px;border:1px solid transparent;cursor:pointer;text-decoration:none;overflow:hidden;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1),filter .25s,background .25s}.hn-btn:focus-visible{outline:2px solid #2B2622;outline-offset:3px}.hn-btn--full{width:100%}.hn-btn--lg{padding:17px 30px;font-size:16px}.hn-btn--primary{color:#2b2622;border-color:#ae7a18;background:linear-gradient(180deg,#e7ad44,#d89a30 48%,#c2861c);box-shadow:inset 0 1px #ffffff2e,0 10px 22px -12px #96681480}.hn-btn--primary:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:inset 0 1px #ffffff38,0 18px 32px -12px #96681499}.hn-btn--primary:active{transform:translateY(0) scale(.99)}.hn-btn--primary:after{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-18deg);transition:left .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.hn-btn--primary:hover:after{left:140%}.hn-btn--ghost{color:inherit;background:transparent;border-color:currentColor}.hn-btn--ghost:hover{transform:translateY(-2px);background:#7f766c1a}body .btn-primary,body .hn3-hero__cta,body .hn3-intro__cta,body .hn3-cta__btn--primary,body .hn3-pdp__cta,body .hn3-stick__cta,body .hn-footer__btn,body .hn3-cart__checkout{position:relative;overflow:hidden;background:linear-gradient(180deg,#e7ad44,#d89a30 48%,#c2861c)!important;color:#2b2622!important;border:1px solid #AE7A18!important;border-radius:8px!important;font-weight:600!important;letter-spacing:.02em!important;line-height:1.05!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1;box-shadow:inset 0 1px #ffffff2e,0 10px 22px -12px #96681480!important;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .3s,filter .25s!important}body .btn-primary:hover,body .hn3-hero__cta:hover,body .hn3-intro__cta:hover,body .hn3-cta__btn--primary:hover,body .hn3-pdp__cta:not([disabled]):hover,body .hn3-stick__cta:hover,body .hn-footer__btn:hover,body .hn3-cart__checkout:hover{transform:translateY(-2px)!important;filter:brightness(1.05);box-shadow:inset 0 1px #ffffff38,0 18px 32px -12px #96681499!important}body .btn-primary:active,body .hn3-hero__cta:active,body .hn3-intro__cta:active,body .hn3-cta__btn--primary:active,body .hn3-pdp__cta:active,body .hn3-stick__cta:active,body .hn-footer__btn:active,body .hn3-cart__checkout:active{transform:translateY(0) scale(.99)!important}body .btn-primary:before,body .hn3-hero__cta:before,body .hn3-intro__cta:before,body .hn3-cta__btn--primary:before,body .hn-footer__btn:before,body .hn3-cart__checkout:before{content:"";position:absolute;top:0;left:-130%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.3),transparent);transform:skew(-18deg);transition:left .6s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:1}body .btn-primary:hover:before,body .hn3-hero__cta:hover:before,body .hn3-intro__cta:hover:before,body .hn3-cta__btn--primary:hover:before,body .hn-footer__btn:hover:before,body .hn3-cart__checkout:hover:before{left:140%}body .hn3-hero__cta>*,body .hn3-intro__cta>*,body .hn3-cta__btn--primary>*,body .hn-footer__btn>*,body .btn-primary>*{position:relative;z-index:2}body .hn3-pdp__cta[disabled]{background:#bbb1a2!important;border-color:#a99e8e!important;box-shadow:none!important;filter:none;transform:none!important;cursor:not-allowed}body .hn3-cta__btn--ghost{border-radius:8px!important;font-weight:600!important;letter-spacing:.02em!important}body .hn3-cta__btn--ghost:hover{transform:translateY(-2px)!important}body .hn-btn svg,body .btn-primary svg,body .hn3-hero__cta svg,body .hn3-intro__cta svg,body .hn3-cta__btn--primary svg,body .hn-footer__btn svg,body .hn3-pdp__cta svg{transition:transform .32s cubic-bezier(.22,1,.36,1)}body .hn-btn:hover svg,body .btn-primary:hover svg,body .hn3-hero__cta:hover svg,body .hn3-intro__cta:hover svg,body .hn3-cta__btn--primary:hover svg,body .hn-footer__btn:hover svg,body .hn3-pdp__cta:not([disabled]):hover svg{transform:translate(4px)}@media(prefers-reduced-motion:reduce){body .btn-primary,body .hn3-hero__cta,body .hn3-intro__cta,body .hn3-cta__btn--primary,body .hn3-pdp__cta,body .hn3-stick__cta,body .hn-footer__btn,body .hn3-cart__checkout,.hn-btn{transition:none!important}body .btn-primary:before,body .hn3-hero__cta:before,body .hn3-intro__cta:before,body .hn3-cta__btn--primary:before,body .hn-footer__btn:before,body .hn3-cart__checkout:before,.hn-btn--primary:after{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/hn-buttons.css.map */
