.btn1 {
  transition: all 0.6s ease-in-out;
  border: 1px solid $brownColor;
  border-radius: 10px;
  background-color: transparent;
  padding-top: 10px;
  padding-right: 60px;
  padding-bottom: 10px;
  padding-left: 60px;
  color: $black;
  &:hover {
    background-color: $brownColor;
    color: $white !important;
  }
}

.btn2 {
  transition: all 0.6s ease-in-out;
  border: 1px solid $skin-color;
  border-radius: 10px;
  background-color: $skin-color;
  padding-top: 10px;
  padding-right: 60px;
  padding-bottom: 10px;
  padding-left: 60px;
  color: $white;
  &:hover {
    background-color: transparent;
    color: $skin-color;
  }
}
.btn3 {
  transition: all 0.6s ease-in-out;
  border: 1px solid $skin-color;
  border-radius: 10px;
  background-color: $white;
  padding-top: 10px;
  padding-right: 60px;
  padding-bottom: 10px;
  padding-left: 60px;
  color: $skin-color;
  &:hover {
    border: 1px solid $white;
    background-color: transparent;
    color: $white;
  }
}