a.common-btn{display:inline-flex}.common-btn{min-height:50px;border-radius:10px;color:var(--white);transition:all .7s;border:1px solid var(--border-02);background-color:transparent;gap:10px;*{transition:all .7s}.text{font-size:var(--fs-16);line-height:var(--lh-20);color:var(--text-primary)}&:after,.common-button-icon{width:40px;aspect-ratio:1}&:after{content:"";display:block;position:absolute;z-index:0;top:4px;left:4px;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{min-height:44px;&:after,.common-button-icon{width:30px}.text{line-height:var(--lh-22);font-size:var(--fs-15)}}}@media screen and (max-width:575px){.common-btn{min-height:30px;&:after,.common-button-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)}}}