@property --drop-club-border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.drop-club-action--join{--drop-club-surface:var(--color-neutral-900);animation:drop-club-border-turn 6s linear infinite;background:linear-gradient(var(--drop-club-surface),var(--drop-club-surface)) padding-box,conic-gradient(from var(--drop-club-border-angle),var(--color-gold-900) 0 55%,var(--color-gold-500) 72%,var(--color-gold-100) 80%,var(--color-gold-500) 88%,var(--color-gold-900) 100%) border-box;border:1.5px solid transparent;box-shadow:0 0 20px #ffdc501f;color:var(--color-gold-100);transition:box-shadow .18s ease}.drop-club-action--join:hover{--drop-club-surface:var(--color-gold-950);box-shadow:0 0 26px #ffdc5038;color:var(--color-gold-50)}.drop-club-action--join:focus-visible{outline:2px solid var(--color-gold-500);outline-offset:3px}@keyframes drop-club-border-turn{to{--drop-club-border-angle:360deg}}@media(prefers-reduced-motion:reduce){.drop-club-action--join{animation:none;transition:none}}