/* ==========================================================================
   Chœur Polycantus — 05-buttons.css

   Boutons.
   ========================================================================== */

.btn {
  display: inline-block;
  font-family: var(--font-body);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  padding: 1rem 1.9rem;
  border: 0;
  border-radius: var(--radius);
  background: var(--mint);
  color: var(--white);
  cursor: pointer;
  transition: background 0.15s ease;
}

.btn:hover {
  background: var(--mint-dark);
  color: var(--white);
}

.btn--outline {
  background: transparent;
  color: var(--white);
  border: 2px solid var(--white);
  padding: calc(1rem - 2px) calc(1.9rem - 2px);
}

.btn--outline:hover {
  background: var(--white);
  color: var(--teal);
}