.brand-btn{--_btn-bg: var(--btn-bg);--_btn-text: var(--btn-text);--_btn-border: var(--btn-border);--_btn-border-color: var(--btn-border-color);--_btn-border-w: var(--btn-border-w);--_btn-radius: var(--btn-radius);--_btn-hover-bg: var(--btn-hover-bg);--_btn-hover-text: var(--btn-hover-text);--_btn-hover-border-color: var(--btn-hover-border-color);--_btn-px: var(--btn-px);--_btn-py: var(--btn-py);--_btn-mx: var(--btn-mx);--_btn-my: var(--btn-my);--_btn-min-w: var(--btn-min-w);--_btn-h: var(--btn-h);--_btn-fs: var(--btn-fs);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;cursor:pointer;background:var(--_btn-bg);color:var(--_btn-text);border-radius:var(--_btn-radius);border:calc(var(--_btn-border) * 1px) solid var(--_btn-border-color);padding:var(--_btn-py) var(--_btn-px);margin:var(--_btn-my) var(--_btn-mx);min-width:var(--_btn-min-w);height:var(--_btn-h);height:calc(var(--_btn-h) * 1px);height:clamp(0px,var(--_btn-h),9999px);font-size:var(--_btn-fs);font-weight:600;line-height:1;box-shadow:0 1px #0000000f;position:relative;overflow:hidden;transform:translateZ(0);will-change:transform;transition:transform .18s ease,box-shadow .18s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.brand-btn:hover{background:var(--_btn-hover-bg);color:var(--_btn-hover-text);border-color:var(--_btn-hover-border-color);transform:scale(var(--_btn-hover-scale, 1.03));box-shadow:0 10px 22px #0000001f,0 4px 8px #0000000f}.brand-btn:active{transform:translateY(1px)}.brand-btn--sm{--_btn-py:.55rem;--_btn-px:.9rem;--_btn-fs:14px}.brand-btn--md{--_btn-py:.8rem;--_btn-px:1.2rem;--_btn-fs:16px}.brand-btn--lg{--_btn-py:1rem;--_btn-px:1.5rem;--_btn-fs:17px}.brand-btn--full{display:flex;width:100%}.brand-btn--secondary{--_btn-bg: transparent;--_btn-text: var(--btn-bg);--_btn-border: 1;--_btn-border-color: var(--btn-bg);--_btn-hover-bg: var(--btn-bg);--_btn-hover-text: #fff;--_btn-hover-border-color: var(--btn-bg)}.brand-btn--ghost{--_btn-bg: transparent;--_btn-text: var(--btn-text);--_btn-border: 0;--_btn-hover-bg: color-mix(in srgb, var(--btn-text), transparent 85%);--_btn-hover-text: var(--btn-text);--_btn-hover-border-color: transparent}.brand-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--_btn-text),transparent 50%);outline-offset:2px}.brand-btn:after{content:"";position:absolute;top:-120%;left:-40%;width:60%;height:340%;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,var(--_btn-shine-color, rgba(255,255,255,.38)) 50%,rgba(255,255,255,0) 100%);transform:skew(-20deg);opacity:var(--_btn-shine-opacity, 1)}.brand-btn:hover:after{animation:shine-left-right .6s forwards}.brand-btn:not(:hover):after{animation:shine-right-left .6s forwards}@keyframes shine-left-right{0%{left:-75%}to{left:125%}}@keyframes shine-right-left{0%{left:125%}to{left:-75%}}@media (prefers-reduced-motion: reduce){.brand-btn,.brand-btn:hover{transform:none!important;box-shadow:0 1px #0000000f!important}.brand-btn:after,.brand-btn:hover:after{animation:none!important}}.product-form__submit.brand-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--_btn-min-w, 0);padding:var(--_btn-py, 12px) var(--_btn-px, 20px);height:var(--_btn-h, auto);font-size:var(--_btn-fs, 16px);line-height:1;border-radius:var(--_btn-radius, 8px);border:var(--_btn-border-w, 0) solid var(--_btn-border-color, transparent);background:var(--_btn-bg, #121212);color:var(--_btn-text, #fff);width:100%;text-decoration:none;transition:transform .06s ease,background-color .2s ease,color .2s ease,border-color .2s ease;cursor:pointer;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.shopify-payment-button__button{box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}.shopify-payment-button__button:after{content:"";position:absolute;top:-20%;left:-40%;width:60%;height:180%;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,0) 0%,var(--_btn-shine-color, rgba(255,255,255,.38)) 50%,rgba(255,255,255,0) 100%);transform:skew(-20deg);opacity:var(--_btn-shine-opacity, 1)}.product-form__submit.brand-btn:hover:not([disabled]){background:var(--_btn-hover-bg, var(--_btn-bg, #121212));color:var(--_btn-hover-text, var(--_btn-text, #fff));border-color:var(--_btn-hover-border-color, var(--_btn-border-color, transparent));transform:translateY(-1px)}.shopify-payment-button__button:hover:not([disabled]):after{animation:shine-left-right .6s forwards}.shopify-payment-button__button:not(:hover):after{animation:shine-right-left .6s forwards}.product-form__submit.brand-btn:active:not([disabled]){transform:translateY(0);filter:brightness(.97)}.product-form__submit.brand-btn[disabled]{opacity:.6;cursor:not-allowed}.buy-buttons--brand .shopify-payment-button__button--unbranded{display:inline-flex;align-items:center;justify-content:center;width:100%;min-width:var(--_btn-min-w, 0);padding:var(--_btn-py, 12px) var(--_btn-px, 20px);height:var(--_btn-h, auto);font-size:var(--_btn-fs, 16px);line-height:1;border-radius:var(--_btn-radius, 8px);background:var(--_btn-bg, #121212);color:var(--_btn-text, #fff);transition:transform .06s ease,background-color .2s ease,color .2s ease,border-color .2s ease}.buy-buttons--brand .shopify-payment-button__button--unbranded:hover{background:var(--_btn-hover-bg, var(--_btn-bg, #121212));color:var(--_btn-hover-text, var(--_btn-text, #fff));border-color:var(--_btn-hover-border-color, var(--_btn-border-color, transparent));transform:translateY(-1px)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/brand-button.css.map */