/* Pill buttons. .btn + a color (.btn-light, .btn-rose) + optional .btn-sm */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 0 32px;
  border-radius: 999px;
  font-size: 18px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.btn-light {
  background: var(--white);
  color: var(--rose-deep);
}

.btn-light:hover { background: var(--rose-soft); }

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

.btn-rose:hover { background: var(--rose-deep); }

.btn-sm {
  min-height: 40px;
  padding: 0 20px;
  font-size: 16px;
}