/* Elimina el subrayado de los botones */
a.btn,
.btn {
  text-decoration: none !important;
}

/* Mejora la experiencia táctil en móviles */
@media (max-width: 768px) {
  a.btn,
  .btn {
    padding: 15px 20px;        /* Aumenta el área tocable */
    margin-bottom: 15px;       /* Espacio entre botones */
    font-size: 16px;           /* Tamaño de letra legible */
  }
  
  /* Mejora la apariencia al tocar el botón */
  a.btn:active,
  .btn:active {
    transform: translateY(2px);  /* Efecto de "presionar" */
    opacity: 0.9;                /* Ligeramente más tenue */
  }
  
  /* Mejora los iconos en los botones */
  a.btn i,
  .btn i {
    font-size: 18px;           /* Tamaño de icono apropiado */
    vertical-align: middle;     /* Alinea con el texto */
    margin-right: 10px;         /* Espacio después del icono */
  }
}