.style-3{position:relative;letter-spacing:.08rem;display:inline-block;padding:.5rem 2rem;font-size:1.3rem;font-weight:600;color:#000;background-color:var(--cblue);border:2px solid #000;cursor:pointer}.style-3,.style-3:after{border-radius:.35rem;transition:all .1s ease-in-out}.style-3:after{content:"";position:absolute;top:.5rem;left:.5rem;width:100%;height:100%;background-color:var(--corange);z-index:-1;border:0;box-shadow:0 0 0 2px #000}.style-3:hover:after{top:-.5rem;left:-.5rem;width:calc(100% + 1rem);height:calc(100% + 1rem)}@property --bg-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spin{to{--bg-angle:360deg}}.gradient-border-button{margin-top:1rem;letter-spacing:.08rem;padding:.5rem 2rem;font-size:1.5rem;font-weight:600;color:#fff;background:linear-gradient(to bottom,var(--cblue),var(--cblue)) padding-box,conic-gradient(from var(--bg-angle),var(--corange),var(--cyellow),var(--cgreen),var(--cpink),var(--corange)) border-box;border:6px solid transparent;border-radius:.5rem;cursor:pointer;outline:none;transition:transform .2s ease-in-out;animation:spin 6s linear infinite paused;animation-play-state:running}.gradient-border-button:hover{transform:scale(1.05)}.gradient-border-button:active{transform:scale(.95)}