/* =========================
   Botones
   ========================= */
.btn{
  cursor: pointer;
  display: inline-block;
  transition: box-shadow .2s ease, background .2s ease;
}

/* Primario */
.btn-primary{
  background: var(--primary-color);
  color:#fff;
  padding:.9rem 1.8rem;
  border-radius:.55rem;
  border:0;
}
.btn-primary:hover,
.btn-primary:focus-visible{
  background: var(--secondary-color);
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
}

/* Secundario */
.btn-secondary{
  background: transparent;
  border:1px solid var(--primary-color);
  color: var(--primary-color);
  padding:.9rem 1.8rem;
  border-radius:.55rem;
}
.btn-secondary:hover,
.btn-secondary:focus-visible{
  background: rgba(0,0,0,.03);
  box-shadow: 0 3px 8px rgba(0,0,0,.15);
}