.button {
  font-family: 'Cera Pro';
  display: inline-block;
  border: 0;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.6;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 12px 24px;
}

.button_theme_primary {
  color: #fff;
  background-color: #C7AC23;
  border-radius: 24px;
  transition: all ease .5s;
}

.button_theme_primary:hover {
  background-color: #D7BC33;
  border-color: #D7BC33;
  color: #fff;
}

.button_theme_primary:disabled,
.button_theme_primary:disabled:hover {
  background-color: #C7AC23;
  opacity: .5;
  cursor: default;
}

.button_theme_transparent {
  background-color: unset;
  color: #A38800;
  transition: all ease .5s;
  font-weight: 500;
  font-size: 15px;
  line-height: 1.6;
  border: 2px solid #C7AC23;
  border-radius: 24px;
}

.button_theme_transparent:hover {
  border-color: #e7cC43;
  color: #c3a820;
}

.button_theme_transparent:disabled,
.button_theme_transparent:disabled:hover {
  opacity: .5;
  cursor: default;
}

.button_size_large {
  padding: 16px 40px;
  font-size: 16px;
}