.star-border-container{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.border-gradient-top,.border-gradient-bottom{background:radial-gradient(circle, var(--star-color), transparent 20%);opacity:.5;width:200%;height:200%;animation-name:rotate;animation-timing-function:linear;animation-iteration-count:infinite;position:absolute}.border-gradient-top{animation-direction:reverse}.inner-content{z-index:1;background-color:hsl(var(--background) / .8);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .3s;display:flex;position:relative}.star-border-container:hover .inner-content{background-color:hsl(var(--primary) / .2)}@keyframes rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}