.c-btn {
  display: inline-block;
  padding: 11px 24px;
  font-family: var(--font-body);
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background .2s, color .2s, border-color .2s;
  white-space: nowrap;
  border: 1px solid transparent;
}

.c-btn--primary,
.c-btn--outline,
.c-btn--sand {
  background: var(--color-navy-mid);
  color: #FDFAF6;
  border-color: var(--color-navy-mid);
}
.c-btn--primary:hover,
.c-btn--outline:hover,
.c-btn--sand:hover {
  background: var(--color-navy);
  border-color: var(--color-navy);
  color: #FDFAF6;
}

.c-btn--dark {
  background: var(--color-navy);
  color: var(--color-bg);
  border-color: var(--color-navy);
}
.c-btn--dark:hover { background: var(--color-navy-mid); }