/* INPUT BUTTON */

.basicButton {
  padding: 11px 20px 9px;
  border-radius: 30px;
  font-size: 18px;
  font-weight: 700;
  border: none;
  transition: .5s;
  display: block;
  text-align: center;
  cursor: pointer;
}
.greenButton{
  background-color: var(--secondary);
  color: #FFFFFF;
}
.greenButton:hover{
  background-color: var(--secondarylight);
  color: #FFFFFF;
}
.greenButton:disabled{
  background-color: #b2ede7;
  cursor: not-allowed;
}
.yellowButton{
  background-color: var(--yellow);;
  color: #000000;
}
.yellowButton:hover{
  background-color: var(--yellowlight);
  color: #000000;
}

.grayButton{
  background-color: var(--gray-100);
  color: #000000;
}
.grayButton:hover{
  background-color: var(--primary);
  color: #FFFFFF;
}

.primaryButton{
  background-color: var(--primary);
  color: #FFFFFF;
}
.primaryButton:hover{
  background-color: var( --reverseblacklight);
  color: var(--primary);
}

.facebookButton{
  background-color: var(--bluefacebook);
  color: #FFFFFF;
  position: relative;
  padding-left: 35px;
}
.facebookButton:before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  background: url('../img/networks/facebook.svg') no-repeat;
  background-size: contain;
  width: 14.19px;
  height: 25px;
}
.facebookButton:hover{
  background-color:rgba(53, 121, 199, .85);
}
.googleButton{
  background-color: var(--redgoogle);
  color: #FFFFFF;
  position: relative;
  padding-left: 35px;
}
.googleButton:hover{
  background-color:rgba(255, 51, 51, .85);
}
.googleButton:before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  background: url('../img/networks/google.svg') no-repeat;
  background-size: contain;
  width: 21.67px;
  height: 22.14px;
}
.basicLink {
  background-color: transparent;
  text-decoration: underline;
  font-weight: 700;
  color: var(--primary);
  transition: .5s;
  font-size: 16px;
  border: none;
  padding: 0;
}
.basicLink:hover{
    color: var(--dark);
}
.whiteButton{
  color: var(--primary);
  background-color: #FFFFFF;
}
.whiteButton:hover{
  background-color: var(--reverseblacklight);
  color: var(--primary);
}
/* INPUT BUTTON END */