.btn{position:relative;padding:1rem 2rem;font-size:1rem;font-weight:600;color:black;background:none;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s ease;border-radius:100px;border:1px solid black}.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:0.3s;color:#fff}@media (max-width:768px){.btn{padding:.5rem 1rem;font-size:.8rem}}