.button{position:relative;display:inline-flex;border-radius:2.8rem;color:var(--white);font-size:1.5rem;font-weight:500;border:0;background:var(--glass);padding:1.4rem 2.8rem;overflow:hidden;cursor:pointer}.button:before{inset:0;background:linear-gradient(to left,var(--primary),var(--pink),var(--lime),var(--blue),var(--primary));background-size:500%;background-position:0 0;animation:buttonAnim 2s linear infinite}.button:after,.button:before{content:"";position:absolute;border-radius:2.8rem}.button:after{inset:.2rem;background:var(--glass);transition:all .3s ease-in-out}.button:hover:before{animation-play-state:paused}.button:hover:after{background:rgba(0,0,0,0)}@keyframes buttonAnim{0%{background-position:0 0}to{background-position:100% 0}}.button span{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem}@media only screen and (max-width:767px){.button{font-size:1.4rem;padding:1rem 2rem}}