.fancy,.fancy:hover{--offset:2px;background:#fff;border-radius:.5rem;position:relative;height:60px;width:300px;max-width:100%;overflow:hidden;transition-duration:.8s;top:20px}.fancy:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;width:100%;animation:rotate 2s linear infinite}.fancy:before,.fancy:hover:before{background:conic-gradient(transparent 270deg,#2f4899,transparent)}.fancy:after{content:"";background:inherit;border-radius:inherit;position:absolute;inset:var(--offset);height:calc(100% - 2 * var(--offset));width:calc(100% - 2 * var(--offset))}.fancy button{background:transparent;color:#252b5d;font-size:1rem;font-weight:700;text-transform:uppercase;position:absolute;inset:0;z-index:10;padding:1rem}@keyframes rotate{0%{transform:translate(-50%,-50%) scale(1.4) rotate(0turn)}to{transform:translate(-50%,-50%) scale(1.4) rotate(1turn)}}