.bg-gradient{background:radial-gradient(circle,var(--primary) 0,transparent 40%);opacity:.5;position:fixed;width:100vw;height:100vh;z-index:-9999}.bg-gradient-container{position:absolute;width:100%;height:100%;transform:translateY(-40%);overflow:hidden;z-index:-9999}.bg-grid{position:fixed;inset:0;background-image:linear-gradient(90deg,#ffffff04 1px,transparent 0),linear-gradient(180deg,#ffffff04 1px,transparent 0);background-size:32px 32px;z-index:-1}.showcase{box-shadow:0 0 48px hsla(0,0%,100%,.05)}@property --bg-angle{inherits:false;initial-value:0deg;syntax:"<angle>"}@keyframes bg-spin{to{--bg-angle:360deg}}.purchase{background:#181818;border-radius:2rem;color:var(--foreground);padding:.5rem 1rem;transition:all .3s}.purchase:active{background:#fff;color:var(--background)}.purchase-container{background:linear-gradient(var(--bg-angle),var(--primary),var(--secondary),var(--tertiary));border-radius:2rem;padding:3px;outline:1px solid hsla(0,0%,100%,0);outline-offset:1px;transition:all .3s;animation:bg-spin 5s linear infinite}.purchase-container:hover{transform:scale(1.05)}.purchase-container:active{background:#fff;outline:1px solid #fff;color:var(--background);transform:scale(.95)}