.mainButton{font-family:var(--sec-font);color:#fff;font-size:24px;line-height:70px;background:var(--colLine);border-radius:35px;min-width:333px;padding:0 25px;text-align:center;text-transform:uppercase;box-shadow:0 10px 20px rgba(0,0,0,0.2);transition:all .4s ease;}
.mainButton:hover{background:#fff;color:var(--colBlack);}

.mainButton.white{background:#fff;color:var(--colGreen)}
.mainButton.white:hover{color:var(--colBlack)}

.mainButton.black{background:var(--colBlack);color:#fff;}
.mainButton.black:hover{background:#fff;color:var(--colBlack)}

@media screen and (max-width:767px)
{
    .mainButton{line-height:50px;font-size:18px;min-width:238px;}
}