<svg class="svg" viewBox="0 0 303 153">
    <a href="http://yandex.kz" target="_blank">
      <path d="M3,25 25,3 275,3 300,25 300,75 275,100 25,100 3,75z" fill="transparent" stroke="gold" stroke-width="3"/>
      <text x="150" y="60" text-anchor="middle"> Подать заявку </text>
      <line x1="65" x2="235" y1="70" y2="70" stroke="gold" stroke-width="2" opacity="0"/>
    </a>
  </svg>

body{
  font-family: sans-serif;
}

svg{
  width: 250px;
}

text{
  text-transform: uppercase;
  font-size: 20px;
  transition: 0.34s;
}

line{
  stroke-dasharray: 1000 1000;
  transition: 0.34s; 
}

path{
 stroke-dasharray: 1000 1000;
 transition: 0.48s ;
}

a:hover path{
   stroke-dasharray: 40 10;
   stroke-dashoffset: 30;
}

a:hover text{
  fill: gold;
}

a:hover line{
  opacity: 1;
  stroke-dasharray: 10 10;
}