.btn {
  display: inline-block;

  padding: 14px 28px;

  border-radius: 4px;

  transition: var(--transition);

  font-weight: 600;
}

.btn-primary {
  background: var(--color-gold);

  color: var(--color-black);
}

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

.btn-outline {
  border: 1px solid var(--color-light);

  color: var(--color-light);
}

.btn-outline:hover {
  background: var(--color-light);

  color: var(--color-black);
}