.animated-button{--color:rgb(var(--primary));width:14em;height:2.75em;position:relative;cursor:pointer;overflow:hidden;display:flex;justify-content:center;align-items:center;border:2px solid var(--color);transition:color .5s;z-index:1;border-radius:calc(var(--radius) - 2px);color:var(--color)}.animated-button:before{content:"";position:absolute;z-index:-1;background:var(--color);height:150px;width:300px;border-radius:50%}.animated-button:hover{color:#fff}.animated-button:before{top:100%;left:100%;transition:all .7s}.animated-button:hover:before{top:-30px;left:-30px}.animated-button:active:before{background:rgb(var(--primary));transition:background 0s}