.common-btn{min-height:50px;border-radius:0;border-radius:10px;color:var(--white);transition:all .7s;border:1px solid var(--border-02);background-color:transparent;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;.text{font-size:var(--fs-16);line-height:var(--lh-20);color:var(--text-primary)}.icon,.text{position:relative;z-index:1}&:after,.icon{width:40px}&:after{content:"";display:block;position:absolute;z-index:0;top:4px;left:4px;aspect-ratio:1;border-radius:6px;height:calc(100% - 8px);background-color:var(--primary);transition:all .7s}&:hover{.text{color:var(--white)}&:after{width:calc(100% - 8px)}}}.common-btn:active,.common-btn:focus-visible,.common-btn:hover{transition:all .7s}@media screen and (max-width:1399px){.common-btn{.text{line-height:var(--lh-22);font-size:var(--fs-15)}}}@media screen and (max-width:575px){.common-btn{min-height:30px;&:after,.icon{width:30px}.text{line-height:var(--lh-20);font-size:var(--fs-14)}}}@media screen and (max-width:359px){.common-btn{.text{line-height:var(--lh-20);font-size:var(--fs-14)}}}