.mai{
  display: block;
    padding: 12px 0;
    color: #fff;
    text-align: center;
    background-color:#ac0910;
    text-decoration: none;
    font-size: 14px;
    width: 162px;
    right: 0;
  position:relative;
  border-radius:25px;
  transition:all 0.3s;
  }
  
  .mai .arrow1{-webkit-transition: all ease .3s;
    transition: all ease .3s;
    opacity: 1;
    width: 35px;
    display: inline-block;
    text-align: right;}
   .mai .arrow1 svg{width:33px;margin-right:-10px;}

  
  .mai:hover:after{width: 15px;
    left: 90px;
    background: #fff;}
  .mai:hover{background-color:#c10e16;color:#fff;border-color:#c10e16;}
  .mai:hover .arrow1{
    opacity: 1;
    margin-left: 15px;}