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