@keyframes fadeInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp 2s ease-out forwards}.fancy{--offset:3px;background:#17689e;border-radius:.5rem;position:relative;overflow:hidden;transition-duration:.8s;top:0;display:inline-block}.fancy,.fancy:hover{height:50px;width:-moz-fit-content;width:fit-content;max-width:100%}.fancy:hover{background:#41a7dd}.fancy:before{content:"";background:conic-gradient(transparent 270deg,#41a7dd,transparent);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);aspect-ratio:1;width:100%;animation:rotate 2s linear infinite}.fancy:hover:before{background:conic-gradient(transparent 270deg,#17689e,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:white;font-size:1rem;font-weight:500;position:relative;z-index:10;padding:0 1.5rem;height:100%;display:flex;align-items:center;justify-content:center}@keyframes rotate{0%{transform:translate(-50%,-50%) scale(1.4) rotate(0turn)}to{transform:translate(-50%,-50%) scale(1.4) rotate(1turn)}}