.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 2rem;
  border-radius: var(--radius-lg);
  font-family: var(--font-label-caps);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

.btn-primary {
  background-color: var(--color-olive-highlight);
  color: var(--color-forest-deep);
  border: none;
}
.btn-primary:hover {
  background-color: var(--color-paper-white);
}

.btn-outline {
  background-color: transparent;
  color: var(--color-paper-white);
  border: 1px solid var(--color-paper-white);
}
.btn-outline:hover {
  background-color: rgba(255, 255, 255, 0.1);
}