@import url('https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900');

* {
  box-sizing: inherit;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: .6s;
          transition-duration: .6s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}




.btn {
  font-family: "Rubik", sans-serif !important;
  font-weight: 400 !important;
  color: #f3ca1e;
  cursor: pointer;
  display: block;
  font-size: 16px;
  margin: 40px 0 0 10px ;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  vertical-align: middle;
}

.btn:hover {
  text-decoration: none;
}

.btn-1 {  
  font-weight: 100;
}
.btn-1 svg {
 
  left: -30px;
  position: absolute;
  top: -18px;
}
.btn-1 rect {
  fill: none;
  stroke: #f3ca1e;
  stroke-width: 1;
  stroke-dasharray: 422, 0;

}

.btn-1:hover {
  
  font-weight: 500 !important;
}
.btn-1:hover rect {
  stroke-width: 1;
  stroke-dasharray: 15, 310;
  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);
}