/* Shared buttons and calls to action. */
.button {
  display: inline-block;
  padding: 1rem 1.6rem;
  font-size: var(--text-xs);
  letter-spacing: .14em;
  text-transform: uppercase;
  transition: background-color .2s ease, color .2s ease;
}
.button--gold {
  border: 1px solid var(--color-gold);
  background: var(--color-gold);
  color: var(--color-ink);
}
.button--gold:hover {
  background: transparent;
}


.collection-link {
  flex: 0 0 auto;
  min-width: 9.7rem;
  padding: .57rem 1rem;
  border: 1px solid #d7b662;
  color: #5a5145;
  font-size: var(--text-xs);
  letter-spacing: .14em;
  text-align: center;
  text-transform: uppercase;
  transition: background-color .2s ease, color .2s ease;
  border-color: var(--brand-gold);
  color: var(--brand-text);
  font-family: var(--font-sans);
  font-weight: 500;
  font-style: normal;
  letter-spacing: 3.7px;
}

.collection-link:hover {
  background: var(--color-gold);
  color: var(--color-paper);
}

@media (min-width: 1440px) {

.collection-link {
    display: grid;
    place-items: center;
    width: 16.25rem;
    height: 2.625rem;
    min-width: 0;
    padding: 0;
    font-size: .625rem;
    line-height: .6875rem;
    font-variant: normal;
    font-stretch: normal;
  }
}