.mi-boton {
    /* background-color: #3498db; Color de fondo por defecto */
    color: #fff; /* Color del texto por defecto */
    padding: 5px 5px; /* Añade espaciado interno para el botón */
    border: none; /* Quita el borde */
    cursor: pointer; /* Cambia el cursor a una mano cuando se pasa por encima */
    transition: background-color 0.3s; /* Agrega una transición suave */
  }
  
  .mi-boton:hover {
    background-color: #f12020;; /* Cambia el color de fondo cuando el cursor se acerca */
    color: #f12020; /* Cambia el color del texto cuando el cursor se acerca */
    /*border: 2px solid #4620f1;  Cambia el color del borde cuando el cursor se acerca */
    border-radius: 10px; /* Radio de esquina para crear bordes redondeados */
  }
  .mi-boton a:hover{
    color: #faf8f8; /* Cambia el color de texto cuando se pasa el cursor sobre el enlace */
  }
  .mi-imagen{
    width: 279px;
	height: 100%;
	/* background: #f50404; */
  }
    .mi-imagen img
    {
	    width: 240px;
	    height: 90px;
    }
    /* Media query para ocultar la imagen en pantallas pequeñas */
    @media screen and (max-width: 868px) {
        .mi-imagen img {
            display: none;
        }
    }