body{
  font-family: 'Poppins',  'Montserrat', sans-serif;
}



.animate-btn {
  color: black;
  cursor: pointer;
  font-size: 16px;
  font-weight: 900;
  max-width: 170px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  padding:13px 20px 10px 20px;
}
@media (min-width: 600px) {
  .animate-btn {
    margin: 0 1em 2em;
  }
}
.animate-btn:hover {
  text-decoration: none;
}

.animate-btn-1 {
  font-weight: 900;
}
.animate-btn-1 svg {
  height: 45px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.animate-btn-1 rect {
  fill: none;
  stroke: #D3A235;
  stroke-width: 2;
  stroke-dasharray: 422, 0;
  -webkit-transition: all 0.35s linear;
  transition: all 0.35s linear;
}

.animate-btn-1:hover {
  background: rgba(225, 51, 45, 0);
  font-weight: 900;
  letter-spacing: 1px;
color:#D3A235;
}
.animate-btn-1:hover rect {
  stroke-width: 5;
  stroke-dasharray: 45, 255;
  stroke-dashoffset: 48;
  -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}