.premium-button{display:flex;position:relative;width:clamp(19.375rem,15rem + 11vw,30rem);height:clamp(4.5rem,4rem + 1.3vw,5.5rem);background:#5a5856;border-radius:9999px;box-shadow:0 20px 40px -15px #0006;transition:all .3s ease;overflow:hidden;border:1px solid rgba(55,65,81,.5);text-decoration:none;cursor:pointer}.premium-button:hover{box-shadow:0 25px 50px -12px #0009;transform:translateY(-4px)}.premium-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,rgba(255,255,255,.05),transparent);pointer-events:none;border-radius:9999px}.premium-button__inner{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;height:100%;width:100%}.premium-button__icon{flex-shrink:0;width:clamp(3.25rem,2.857rem + 1.01vw,4rem);height:clamp(3.25rem,2.857rem + 1.01vw,4rem);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;z-index:1}.premium-button__icon svg{width:clamp(1.5rem,1.357rem + .59vw,2rem);height:clamp(1.5rem,1.357rem + .59vw,2rem);fill:none;stroke:#111827;stroke-width:3}.premium-button__text{flex-grow:1;text-align:center;padding:0 .5rem}.premium-button__text-main{display:block;font-family:Noto Sans JP,sans-serif;font-size:clamp(1rem,.873rem + .523vw,1.5rem);font-weight:700;color:#fff;letter-spacing:.1em;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transition:filter .3s ease,text-shadow .3s ease}.premium-button:hover .premium-button__text-main{filter:drop-shadow(0 0 4px rgba(255,255,255,.4));text-shadow:0 0 8px rgba(255,255,255,.25)}.premium-button__text-sub{display:block;font-family:Noto Sans JP,sans-serif;font-size:10px;color:#9ca3af;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-top:2px}.premium-button__ring{flex-shrink:0;width:clamp(3.25rem,2.857rem + 1.01vw,4rem);height:clamp(3.25rem,2.857rem + 1.01vw,4rem);border-radius:50%;padding:3px;background:linear-gradient(to top right,#facc15,#ec4899,#22d3ee);transition:transform .7s ease-out;box-shadow:0 0 15px #ec48994d}.premium-button:hover .premium-button__ring{transform:rotate(90deg)}.premium-button__ring-inner{width:100%;height:100%;background:#5a5856;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.premium-button__ring-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:linear-gradient(to top right,#facc151a,#ec48991a,#22d3ee1a);opacity:0;transition:opacity .3s ease}.premium-button:hover .premium-button__ring-glow{opacity:1}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-premium-button.css.map */