button.module.css

/**
 * Styles For the Button Component
 */
.button {
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  text-align: center;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 5px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.button--primary {
  color: #737373;
  background-color: #f7e018;
  border-color: #f7e018;
}

.button--primary:hover {
  color: #000000;
  background-color: transparent;
}

.button--secondary {
  color: #000000;
  background-color: transparent;
  border-color: #000000;
}

.button--secondary:hover {
  color: #000000;
  background-color: #f7e018;
  border-color: #f7e018;
}

.button--tertiary {
  color: #fff;
  background-color: #27ae60;
  border-radius: 10px;
}

.button--tertiary:hover {
  background-color: #2dca6f;
}