.svg-button {
  height: 37px;
  /*margin: 0 auto;*/
  margin: 10px 0;
  position: relative;
  top: 15px;
  transform: translateY(-50%);
  width: 143px;
}

.btnshape {
  fill: transparent;
  stroke-dasharray: 140 540;
  stroke-dashoffset: -474;
  stroke-width: 1px;
  stroke: #ed9f15;
}

.btntext {
  /*color: #ed9f15;*/
  font-size: 11px;
  letter-spacing: 1px;
  line-height: 11px;
  position: relative;
  top: -24px;
}

@keyframes draw {
  0% {
    stroke-dasharray: 140 540;
    stroke-dashoffset: -474;
    stroke-width: 2px;
  }
  100% {
    stroke-dasharray: 760;
    stroke-dashoffset: 0;
    stroke-width: 2px;
  }
}

.svg-button .btnshape {
  -webkit-animation: 0.5s draw linear reverse;
  animation: 0.5s draw linear forwards;
}

/*.svg-button:hover .btnshape {
  -webkit-animation: 0.5s draw linear reverse;
  animation: 0.5s draw linear backwards;
}*/

a.fillthediv {
  display:block;
  height:100%;
  width:100%;
  text-decoration: none;   
}
a.fillthediv .btnshape {
    transition: color .15s ease-in-out, fill .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
a.fillthediv:hover .btnshape {
  fill:#ed9f15;
}
a.fillthediv:hover .btntext {
  color:#fff;
}