.btn-kf {
  background: var(--kf-morado);
  color: #fff;
  border: 0;
  border-radius: 50px;
  padding: .75rem 1.6rem;
  font-weight: 600;
  letter-spacing: .3px;
  transition: background-color .2s ease, transform .15s ease;
}
.btn-kf:hover, .btn-kf:focus-visible { background: var(--kf-morado-oscuro); color: #fff; }
.btn-kf:active { transform: scale(.97); }

.btn-kf-borde {
  background: transparent;
  color: var(--kf-carbon);
  border: 1.5px solid var(--kf-carbon);
  border-radius: 50px;
  padding: .7rem 1.5rem;
  font-weight: 600;
  transition: background-color .2s ease, color .2s ease, transform .15s ease;
}
.btn-kf-borde:hover { background: var(--kf-carbon); color: #fff; }
.btn-kf-borde:active { transform: scale(.97); }

.btn-whatsapp { background: #25d366; color: #fff; border-radius: 50px; font-weight: 600; padding: .75rem 1.6rem; border: 0; }
.btn-whatsapp:hover { background: #1eb457; color: #fff; }