.common-btn{padding:12px 24px;max-width:180px;font-size:var(--fs-16);line-height:var(--lh-24);color:var(--white);transition:all .5s;background-color:var(--text-primary);*{color:var(--white)}}a.common-btn{display:inline-block}.common-btn:active,.common-btn:focus-visible,.common-btn:hover{color:var(--white);transition:all .7s}.common-btn:after,.common-btn:before{content:"";position:absolute;top:0;bottom:0;background-color:var(--primary);width:50%;transition:all .5s;z-index:1;opacity:1}.common-btn:before{left:0}.common-btn:after{right:0}.common-btn:hover:after,.common-btn:hover:before{width:0;opacity:0}@media screen and (max-width:1399px){.common-btn{padding:10px 22px;line-height:var(--lh-22);font-size:var(--fs-15)}}@media screen and (max-width:575px){.common-btn{padding:9px 18px;line-height:var(--lh-20);font-size:var(--fs-14);max-width:160px}}@media screen and (max-width:359px){.common-btn{padding:9px 18px;line-height:var(--lh-20);font-size:var(--fs-14)}}