html{background-image:radial-gradient(hsla(0,0%,86%,.3) 1px,transparent 0);background-size:12px 12px}.shiny-button{position:relative;--tw-ring-color:rgba(0,0,0,.2);transition-duration:.3s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.shiny-button:before{background-image:linear-gradient(45deg,transparent 25%,hsla(0,0%,100%,.5) 50%,transparent 75%,transparent);background-position:200% 0,0 0;background-repeat:no-repeat;background-size:250% 250%,100% 100%;border-radius:inherit;content:var(--tw-content);top:0;right:0;bottom:0;left:0;position:absolute;transition:background-position 0s ease}.shiny-button:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.shiny-button:hover:before{background-position:-100% 0,0 0;content:var(--tw-content);transition-duration:1.5s}.metal-shadow{box-shadow:0 0 0 1px #0e3f7e0f,0 1px 1px -.5px #2a334608,0 2px 2px -1px #2a33460a,0 3px 3px -1.5px #2a33460a,0 5px 5px -2.5px #2a334608,0 10px 10px -5px #2a334608,0 24px 24px -8px #2a334608}