.bubble-button{position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;overflow-clip-margin:2px;-webkit-mask-image:-webkit-radial-gradient(#fff,#000)}.bubble-button__bubble{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:50%;background-color:var(--bubble-fill);pointer-events:none;z-index:0;transform:translate(-50%,-50%) scale(0);will-change:transform}.bubble-button__label{position:relative;z-index:1;display:inline-flex;align-items:center;gap:inherit}.bubble-button--primary{--bubble-fill: var(--sc-neutral-0);--bubble-hover-text: var(--sc-orange-500)}.bubble-button--outline{--bubble-fill: var(--sc-neutral-0);--bubble-hover-text: var(--sc-neutral-950)}.bubble-button--dark,.bubble-button--light{--bubble-fill: var(--sc-orange-500);--bubble-hover-text: var(--sc-neutral-0)}.bubble-button--orange{--bubble-fill: var(--sc-neutral-0);--bubble-hover-text: var(--sc-neutral-950)}.bubble-button--ink{--bubble-fill: var(--sc-neutral-950);--bubble-hover-text: var(--sc-neutral-0)}@media(hover:hover)and (pointer:fine){.bubble-button,.bubble-button__label{transition:color .4s ease}.bubble-button__bubble{transition:transform .4s ease}.bubble-button.bubble-button.bubble-button:hover{color:var(--bubble-hover-text)}}@media(prefers-reduced-motion:reduce){.bubble-button,.bubble-button__label,.bubble-button__bubble{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/bubble-button.css.map */