input[type=submit]:disabled,
button:disabled {
  opacity: 0.5;
}

.button {
  padding: 0.4em 0.8em;
  background-color: var(--colorPrimary);
  color: var(--colorWhite);
  text-decoration: none;
  font-size: var(--fontSizeBig);
  transition: 0.4s;
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 8px;
}

.button:hover {
  background-color: var(--colorPrimaryDark);
  color: var(--colorWhite);
}

.bright .button,
.bright .button:hover {
  color: var(--colorBlack);
}