JSFiddle - React, Tailwind, and code Playground

HTML

<input type="submit" value="Получить руководство" class="get-guide"/>

CSS

.get-guide {
      background: url("../img/tick.png") no-repeat scroll 23px 50% #8BC657;
      border: 0 none;
      border-radius: 9px 9px 9px 9px;
      border-bottom: 3px solid #6FA043;
      color: #FFFFFF;
      display: block;
      height: 56px;
      line-height: 56px;
      margin: 42px auto 0;
      padding: 0 12px 0 62px;
      text-align: left;
      width: 294px;
    }
    .get-guide:active{
        border-bottom: 0 none transparent;
        position: relative;
        line-height: 56px;
        top: 3px;
        padding: 0 12px 0 62px;
    }
    .get-guide:hover, .get-guide:focus{
        padding: 0 12px 0 62px;
    }