.button{position:relative;display:flex;align-items:center;gap:var(--space-xs);width:fit-content;background-color:var(--color-text);padding:8px 16px;font-family:var(--font-inter);font-weight:700;font-size:16px;color:var(--color-bg);text-align:center;border-radius:128px;overflow:hidden;&:after{content:"";position:absolute;bottom:-100%;left:50%;width:0%;height:100%;background-color:var(--color-bg);transition:all .2s cubic-bezier(.34,1.56,.64,1);border-radius:100%;mix-blend-mode:difference}@media(hover:hover)and (pointer:fine){&:hover{&:after{bottom:-20%;left:20%;width:60%}}}path{stroke:var(--color-bg)}}