@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes float2{0%{line-height:30px;transform:translateY(0)}55%{transform:translateY(-20px)}60%{line-height:10px}to{line-height:30px;transform:translateY(0)}}.border-effect{height:175px;font-size:30px;color:#fff;background:none;border:none;position:relative;z-index:0;transition:.3s;cursor:pointer}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.border-effect:before{content:"";position:absolute;inset:-8px;padding:10px;border-radius:50%;background:conic-gradient(#007bff,#0000 30deg 120deg,#28a745 150deg 180deg,#0000 210deg 300deg,#007bff 330deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:intersect;animation:rotate 10s linear infinite}.border-effect:hover{box-shadow:0 0 0 1px #666}.border-effect:after,.border-effect:before{transform:rotate(100turn);transition:.5s,transform 600s linear}.border-effect:before{background-color:#222;border:2px solid #333}.border-effect>img{border-radius:50%;left:-2px;position:relative;top:2px;opacity:.9}