.star-border-container{appearance:none;background:0 0;border:0;border-radius:20px;outline:none;display:inline-block;position:relative;overflow:hidden}.border-gradient-bottom{opacity:.7;z-index:0;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;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:#000;border:1px solid #222;border-radius:20px;padding:16px 26px;font-size:16px;transition:background .18s,color .18s,box-shadow .18s,border .18s;position:relative}.star-border-container:hover .inner-content,.star-border-container:focus .inner-content{color:red;background:#181818;border:1.5px solid red;box-shadow:0 0 0 3px #f003}.star-border-container:active .inner-content{color:#fff;background:#2a0000;border:2px solid red;box-shadow:0 0 0 4px #f005}@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%)}}