.shiny{position:relative;border:none;border-radius:10px;overflow:hidden}.shiny:after{content:"";position:absolute;top:calc(var(--y, 0) * 1px - 100px);left:calc(var(--x, 0) * 1px - 100px);width:200px;height:200px;background:radial-gradient(#fff,#3984ff00 60%);opacity:0;transition:opacity .2s}.shiny:hover:after{opacity:.15}.dots{width:4px;height:4px;border-radius:50%}.dot-pink{background:linear-gradient(90deg,#e9baff,#951478);position:absolute}.dot-yellow{background:linear-gradient(90deg,#ffffba,#ff0);position:absolute}.dot-blue{background:linear-gradient(90deg,#bae9ff,#0095ff);position:absolute}