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