.button-defbutt {
    display: inline-block;      
    padding: 17px 27px 17px 27px; 
    background: transparent;
    border:1px solid #000;
    text-decoration: none;
    color: #000;
    font-size:21px;
    font-weight:400;
    text-transform:uppercase;
}
.hvr-defbutt {
  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-defbutt:hover, .hvr-defbutt:focus, .hvr-defbutt:active {
  color:#fff;
  background-color: #3b3b3c;
  border:1px solid #3b3b3c;
}

/* orange */
.button-orangebutt {
    display: inline-block;      
    padding: 13px 34px 13px 34px; 
    background: transparent;
    border:1px solid #51f2f7;
    text-decoration: none;
    color: #51f2f7;
    font-size:18px;
    font-weight:400;
    text-transform:uppercase;
}
.hvr-orangebutt {
  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-orangebutt:hover, .hvr-orangebutt:focus, .hvr-orangebutt:active {
  color:#fff;
  background: #33abaf;
  border:1px solid #33abaf;
}

/* white */
.button-whitebutt {
    display: inline-block;      
    padding: 13px 34px 13px 34px; 
    background: transparent;
    border:1px solid #fff;
    text-decoration: none;
    color: #fff;
    font-size:18px;
    line-height:30px;
    font-weight:400;
    text-transform:uppercase;
}
.hvr-whitebutt {
  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-whitebutt:hover, .hvr-whitebutt:focus, .hvr-whitebutt:active {
  color:#000;
  background: #fff;
  border:1px solid #fff;
}


/* book */
.button-bookbutt {
    display: inline-block;      
    padding: 13px 34px 13px 34px; 
    background: #1f9bde;
    border:1px solid #1f9bde;
    text-decoration: none;
    color: #fff;
    font-size:18px;
    font-weight:400;
    text-transform:uppercase;
}
.hvr-bookbutt {
  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-bookbutt:hover, .hvr-bookbutt:focus, .hvr-bookbutt:active {
  color:#1f9bde;
  background: #e8f2f6;
  border:1px solid #1f9bde;
}