.c-button a {
  padding: var(--button--v-padding) var(--button--h-padding);
  border: var(--button--radius) solid var(--color--light-tan);
  border-radius: var(--layout--s9);
  background-color: var(--color--ultra-light-tan);
  color: var(--color--brown);
  font-size: var(--text-size--t4);
  font-weight: var(--text-weight--bold);
  display: inline-block;
  text-align: center;
}

.c-button a:hover {
  color: var(--color--turquoise);
}

.c-button--stretch a {
  width: 100%;
  max-width: 380px;
}

.c-button--maroon a {
  border-color: var(--color--tan);
  background-color: var(--color--light-tan);
  color: var(--color--dark-maroon);
}

.c-button--dark a {
  border-color: var(--color--gold);
  background-color: var(--color--dark-tan);
  color: var(--color--white);
}

.c-button--green a {
  border-color: var(--color--light-sage);
  background-color: var(--color--sage);
  color: var(--color--white);
}

.c-button--green a,
.c-button--dark a {
  color: var(--color--white);
}

.c-button--green a:hover,
.c-button--dark a:hover {
  color: var(--color--light-blue);
}