@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.btn-shiny{--gradient-angle:0deg;--gradient-angle-offset:0deg;--gradient-percent:20%;--gradient-shine:#0f8;--accent-dark:#00994d;--accent-green:#00d26a;--btn-bg:#0a0a0b;--btn-inner-shadow:#1a1a1a;color:#fff;background:linear-gradient(var(--btn-bg),var(--btn-bg))padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent 0%,var(--accent-dark)5%,var(--gradient-shine)15%,var(--accent-dark)30%,transparent 40%,transparent 100%)border-box;box-shadow:inset 0 0 0 1px var(--btn-inner-shadow);cursor:pointer;isolation:isolate;outline-offset:4px;z-index:0;border:2px solid #0000;border-radius:9999px;outline:none;padding:.875rem 1.75rem;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none;transition:--gradient-angle-offset .8s cubic-bezier(.25,1,.5,1),--gradient-percent .8s cubic-bezier(.25,1,.5,1),--gradient-shine .8s cubic-bezier(.25,1,.5,1),box-shadow .3s,transform .2s;animation:2.5s linear infinite border-spin;display:inline-block;position:relative;overflow:hidden}@keyframes border-spin{to{--gradient-angle:360deg}}.btn-shiny:active{transform:translateY(1px)}.btn-shiny:hover{box-shadow:inset 0 0 0 1px #1a1a1a,0 0 30px #00d26a66}.btn-shiny:before{content:"";pointer-events:none;z-index:0;--size:calc(100% - 6px);--position:2px;--space:4px;width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position)var(--position),white .5px,transparent 0)padding-box;background-size:var(--space)var(--space);-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;background-repeat:space;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-shiny:after{content:"";pointer-events:none;z-index:1;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--accent-green),transparent);opacity:.6;width:100%;animation:4s linear infinite shimmer;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.btn-shiny-content{z-index:2;align-items:center;gap:.5rem;display:inline-flex;position:relative}.btn-shiny-content:before{content:"";pointer-events:none;z-index:-1;--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--accent-green);opacity:0;border-radius:inherit;transition:opacity .8s cubic-bezier(.25,1,.5,1);animation:4.5s linear infinite breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes shimmer{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes breathe{0%,to{opacity:0}50%{opacity:.3}}