.error {
    color: red;
    background-color: #ffcccc;
    border: 1px solid #ff0000;
    padding: 10px;
    margin-top: 5px;
    margin: 5px;
  }

.mobile-hidden {
    display: block; /* Ou display: none; dependendo do seu caso */
}

/* Estilo para elementos que devem ser ocultos em telas pequenas */
@media (max-width: 767px) {
    .mobile-hidden {
        display: none;
    }
}

/* Estilo para elementos que devem ser exibidos apenas em telas pequenas */
.mobile-visible {
    display: none;
}

/* Estilo para elementos que devem ser exibidos apenas em telas pequenas */
@media (max-width: 767px) {
    .mobile-visible {
        display: block;
    }
}