.common-btn{padding:12px 24px;min-height:50px;width:180px;font-size:var(--fs-16);border-radius:0;color:var(--white);line-height:var(--lh-24);transition:all .7s;background-color:var(--primary);border:none}.common-btn>p{z-index:200;position:relative}.common-btn:active,.common-btn:focus-visible,.common-btn:hover{color:var(--white);background-color:var(--text-primary);transition:all .7s}.common-btn:after,.common-btn:before{content:"";position:absolute;top:0;bottom:0;background-color:var(--primary);width:50%;transition:all .7s}.common-btn:before{left:0}.common-btn:after{right:0}.common-btn:hover:after,.common-btn:hover:before{width: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);min-height:40px;width:160px}}@media screen and (max-width:359px){.common-btn{padding:9px 18px;line-height:var(--lh-20);font-size:var(--fs-14)}}