.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 0.95rem 1.75rem;

  border: 2px solid transparent;
  border-radius: 6px;

  cursor: pointer;

  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;

  text-decoration: none;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease,
    color 0.2s ease,
    transform 0.15s ease;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn-primary {
  color: var(--white);
  background: var(--blue);
}

.btn-secondary {
  color: var(--ink);
  background: var(--gold);
}

.btn-outline {
  margin-top: 1rem;
  color: var(--blue);
  border-color: var(--blue);
}