@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotation{0%{--gradient-angle:360deg}to{--gradient-angle:0deg}}button.green-button{border:1px solid var(--background-2);background:var(--secondary);text-transform:uppercase;cursor:pointer;color:var(--text-inverted);text-shadow:var(--text-primary) .5px .5px 1px, var(--text-primary) 0 0 1px, var(--text-primary) 0 0 1px;border-radius:4px;padding:.75rem 1rem;font-family:Orbitron,sans-serif;font-size:1rem;font-weight:600;line-height:1rem;position:relative}button.green-button.hyper-active:before{content:attr(data-before);background:conic-gradient(from var(--gradient-angle), var(--beacon-0), var(--beacon-1), var(--beacon-2), var(--beacon-3), var(--beacon-4), var(--beacon-3), var(--beacon-2), var(--beacon-1), var(--beacon-0));border-radius:inherit;color:var(--text-inverted);box-shadow:0 0 5px var(--beacon-3);z-index:1;transition:all 4s;animation:2s linear infinite rotation;position:absolute;inset:-2px}button.green-button.hyper-active:after{background:var(--primary);border-radius:inherit;content:attr(data-after);z-index:1;color:var(--text-inverted);justify-content:center;align-items:center;transition:all 2s;display:flex;position:absolute;inset:0}button.green-button.hyper-active:hover:before{inset:-15px}button.green-button.hyper-active:hover:after{background:var(--secondary)}button.green-button:hover:before{content:attr(data-before);background:conic-gradient(from var(--gradient-angle), var(--beacon-0), var(--beacon-1), var(--beacon-2), var(--beacon-3), var(--beacon-4), var(--beacon-3), var(--beacon-2), var(--beacon-1), var(--beacon-0));border-radius:inherit;color:var(--text-inverted);box-shadow:0 0 15px var(--beacon-3);z-index:1;animation:2s linear infinite rotation;position:absolute;inset:-2px}button.green-button:hover:after{background:var(--primary);border-radius:inherit;content:attr(data-after);z-index:1;color:var(--text-inverted);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}button.green-button:active{transform:translateY(1px)scale(.98)}
