.btn{color:#000;cursor:pointer;background:0 0;border:1px solid #000;border-radius:100px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s;position:relative;overflow:hidden}.liquid{background:linear-gradient(var(--color-primary)0 0)no-repeat calc(200% - var(--p,0%))100%/200% var(--p,.2em);transition:.3s var(--t,0s),background-position .3s calc(.3s - var(--t,0s))}.liquid:hover{--p:100%;--t:.3s;color:#fff}@media (max-width:768px){.btn{padding:.5rem 1rem}}