.button,
.button--primary,
.button--secondary,
.button--tertiary,
.button--small,
.button--full-width {
  --color-button: unset;
  --color-button-text: unset;
  --alpha-button-background: unset;
  --alpha-button-border: unset;
  font-weight: var(--font-body-weight-bold);
  font-size: 18px;
  line-height: normal;
  font-style: italic;
  text-transform: uppercase;
  padding: 28px 32px;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.button::before,
.button::after {
  content: none;
}

.button:hover,
.button:focus {
  background-color: var(--color-dark-red);
  color: var(--color-white);
}

.button--small {
  font-size: 12px;
  padding: 16px 24px;
}

.button--full-width {
  width: 100%;
}