.star-border-container{display:inline-block;padding:2px;position:relative;border-radius:30px;overflow:hidden;background:linear-gradient(45deg,#a0a0ff,#222080,#a0a0ff);background-size:200% 200%;animation:border-shine 3s linear infinite}.border-gradient-bottom{bottom:-5px;right:-250%;animation:star-movement-bottom 4s linear infinite alternate}.border-gradient-bottom,.border-gradient-top{position:absolute;width:300%;height:50%;opacity:.9;border-radius:50%;z-index:0;filter:blur(2px);background:radial-gradient(circle,rgba(200,200,255,1),transparent 20%)}.border-gradient-top{top:-5px;left:-250%;animation:star-movement-top 4s linear infinite alternate}.inner-content{position:relative;background:linear-gradient(180deg,#3a3a9a,#222080);border:1px solid rgba(186,186,255,.5);color:white;font-size:16px;text-align:center;padding:16px 30px;border-radius:28px;z-index:1;display:flex;align-items:center;justify-content:center;font-weight:500;transition:all .3s ease;box-shadow:0 0 15px rgba(71,71,170,.3)}.inner-content:before{content:"";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 50%,rgba(255,255,255,0));transform:skewX(-25deg);animation:shine 3s infinite}.star-border-container:hover .inner-content{background:linear-gradient(180deg,#5959cc,#3a3a9a);box-shadow:0 0 20px rgba(160,160,255,.8)}.star-border-container:hover{animation:border-shine 1.5s linear infinite}@keyframes shine{0%{left:-100%}20%{left:100%}to{left:100%}}@keyframes border-shine{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes star-movement-bottom{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:.2}}@keyframes star-movement-top{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:.2}}