.btn-glass,.btn-glass-dark{--glass-tint: var(--btn-glass-tint, 255 255 255);--glass-opacity: var(--btn-glass-opacity, .45);--glass-blur: var(--btn-glass-blur, 14px);position:relative;border:1px solid rgba(var(--glass-tint) / calc(var(--glass-opacity) * .9));background:transparent;color:var(--btn-glass-text, rgb(var(--color-foreground)));box-shadow:inset 0 1px #ffffff8c,inset 0 -1px #ffffff1f,0 8px 22px -12px #0000008c;isolation:isolate;overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,color .25s ease}.btn-glass-dark{--btn-glass-tint: 0 0 0;--btn-glass-opacity: .35;--btn-glass-text: #ffffff}.btn-glass:before,.btn-glass-dark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:linear-gradient(160deg,rgba(var(--glass-tint) / calc(var(--glass-opacity) * .78)),rgba(var(--glass-tint) / calc(var(--glass-opacity) * .42)) 45%,rgba(var(--glass-tint) / calc(var(--glass-opacity) * .58)));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(175%);backdrop-filter:blur(var(--glass-blur)) saturate(175%);pointer-events:none}.btn-glass:hover:before,.btn-glass-dark:hover:before,.btn-glass:focus-visible:before,.btn-glass-dark:focus-visible:before{background:linear-gradient(160deg,rgba(var(--glass-tint) / calc(var(--glass-opacity) * .95)),rgba(var(--glass-tint) / calc(var(--glass-opacity) * .55)) 45%,rgba(var(--glass-tint) / calc(var(--glass-opacity) * .7)));-webkit-backdrop-filter:blur(calc(var(--glass-blur) + 4px)) saturate(180%);backdrop-filter:blur(calc(var(--glass-blur) + 4px)) saturate(180%)}.btn-glass:hover,.btn-glass-dark:hover{box-shadow:inset 0 1px #ffffffad,inset 0 -1px #ffffff29,0 10px 26px -12px #0000009e}.btn-glass[disabled],.btn-glass-dark[disabled]{opacity:.55;box-shadow:inset 0 1px #ffffff59}.card-product__media .quick-add .btn-glass,.card-product__media .quick-add .btn-glass-dark{border-radius:999px}@media(prefers-reduced-motion:reduce){.btn-glass,.btn-glass-dark{transition:none}}@supports not (backdrop-filter: blur(1px)){.btn-glass:before{background:#ffffffe0}.btn-glass-dark:before{background:#000000b8}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-button-glass.css.map */