.c-header-donate-button {
    font-size: var(--gutt-fs-accent-14);
    line-height: var(--gutt-lh-accent-14);
    background-color: var(--gutt-color-violet);
    border-radius: 100px;
    color: var(--gutt-color-white);
    font-weight: 700;
    letter-spacing: 0.1428571429em;
    padding: 4px 12px;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
  }
  
  .c-header-donate-button:hover, .c-header-donate-button:focus {
    background-color: var(--gutt-color-navy);
    color: var(--gutt-color-white);
    text-decoration: underline;
  }
  
  @media (min-width: 992px) {
    .c-header-donate-button {
      padding: 6px 18px;
    }
  }