.button-sliderhov {
    font-family: 'Kanit', sans-serif;
    display: inline-block;
    padding: 12px 38px 12px 38px; 
    background: #57cec5;
    border:1px #57cec5 solid;
    text-decoration: none;
    color: #fff;
    font-size:12px;
    font-weight:400;
    text-transform:uppercase;
}
.hvr-sliderhov {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-sliderhov:hover, .hvr-sliderhov:focus, .hvr-sliderhov:active {
  color:#57cec5;
  background: #fff;
  border:1px #fff solid;
}


.button-lay2butt {
    font-family: 'Barlow', sans-serif;
    display: inline-block;      
    padding: 16px 22px 16px 22px; 
    background: none;
    border:1px solid #579d90;
    text-decoration: none;
    color: #579d90;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
}
.hvr-lay2butt {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-lay2butt:hover, .hvr-lay2butt:focus, .hvr-lay2butt:active {
  color:#fff;
  background-color: #579d90;
  border:1px solid #579d90;
}



.button-lay4butt {
    font-family: 'Barlow', sans-serif;
    display: inline-block;      
    padding: 16px 22px 16px 22px; 
    background: none;
    border:1px solid #18a1f8;
    text-decoration: none;
    color: #18a1f8;
    font-size:16px;
    font-weight:400;
    text-transform:uppercase;
}
.hvr-lay4butt {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

.hvr-lay4butt:hover, .hvr-lay4butt:focus, .hvr-lay4butt:active {
  color:#fff;
  background-color: #18a1f8;
  border:1px solid #18a1f8;
}