.fancy{--offset:3px;background:linear-gradient(90deg,#4c388e,#0b6ca5);border-radius:.5rem;position:relative;height:55px;width:150px;max-width:100%;overflow:hidden;margin:0}.fancy:before{background:conic-gradient(transparent 270deg,#fff,transparent);top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;width:100%;animation:rotate 2s linear infinite}.fancy:after,.fancy:before{content:"";position:absolute}.fancy:after{background:inherit;border-radius:inherit;inset:var(--offset);height:calc(100% - 2 * var(--offset));width:calc(100% - 2 * var(--offset))}.fancy button{background:transparent;color:#fff;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)}}.btn{transition:.5s;background-size:200% auto}.btn:hover{background-position:100%}.btn-1{background-image:linear-gradient(90deg,#0b6ca5 0,#4c388e 51%,#0b6ca5)}