.star-border-container{cursor:pointer;border-radius:20px;display:inline-block;position:relative;overflow:hidden}.border-gradient-bottom{opacity:.7;z-index:0;pointer-events:none;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-bottom;position:absolute;bottom:-12px;right:-250%}.border-gradient-top{opacity:.7;z-index:0;pointer-events:none;border-radius:50%;width:300%;height:50%;animation:linear infinite alternate star-movement-top;position:absolute;top:-12px;left:-250%}.inner-content{color:#fff;text-align:center;z-index:1;background:linear-gradient(135deg,#7022d8,#5b18b1);border:1px solid #7022d84d;border-radius:20px;padding:16px 26px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;position:relative}.star-border-container:hover .inner-content{transform:translateY(-1px);box-shadow:0 8px 25px #7022d859}.star-border-container:active .inner-content{transform:translateY(0)}.star-border-container.light .inner-content{color:#7022d8;background:#fff;border-color:#ffffff80}.star-border-container.light:hover .inner-content{box-shadow:0 8px 25px #ffffff40}@keyframes star-movement-bottom{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(-100%)}}@keyframes star-movement-top{0%{opacity:1;transform:translate(0%)}to{opacity:0;transform:translate(100%)}}