.btn{
  padding:12px 30px;
  border:none;
  border-radius:50px;
  font-family:var(--font-body);
  font-size:1rem;
  font-weight:600;
  text-decoration:none;
  cursor:pointer;
  transition:all .3s ease;
  display:inline-block;
}

.btn-primary{
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}
.btn-primary:hover{
  background: var(--color-primary-contrast);
  color: var(--color-primary);
  transform:translateY(-2px);
  transform: translateY(-2px);
  box-shadow: var(--shadow-1);
}

.btn-secondary{
  background: transparent;
  color: var(--color-primary-contrast);
  border: 2px solid var(--color-primary-contrast);
}
.btn-secondary:hover{
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  transform: translateY(-2px);
}

/* Responsive botones */
@media (max-width:768px){
  .btn{ padding:10px 25px; font-size:.9rem; }
}