.mainbtn{max-width:215px;color:var(--appliance-white);background-color:var(--appliance-primary);letter-spacing:1.5px;text-transform:uppercase;text-align:center;border-radius:30px;padding:18px 15px;font-size:15px;font-weight:700;transition:all .4s;display:inline;position:relative;overflow:hidden}.mainbtn:before{content:"";background-color:var(--appliance-black);z-index:-1;transform-origin:50%;opacity:.5;border-radius:30px;width:70%;height:100%;transition:all .4s;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(0)}.mainbtn:hover:before{z-index:1;opacity:1;width:100%;transform:translate(-50%)scaleX(1)}.mainbtn span{z-index:9;position:relative}