/* Estilo personalizado para el botón */
.btn-custom {
    margin-top: .5rem;
    background-color: #fd141f; /* Color de fondo */
    border: none; /* Sin borde */
    color: white; /* Color del texto */
    padding: 10px 20px; /* Espaciado interno */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Sin subrayado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 16px; /* Tamaño del texto */
    border-radius: 4px; /* Radio de borde */
    cursor: pointer; /* Cambiar el cursor al pasar por encima */
}

    /* Estilo cuando se pasa el cursor por encima */
    .btn-custom:hover {
        background-color: transparent;
        color: white; /* Color del texto */
    }

    /* Estilo cuando se presiona el botón */
    .btn-custom:active {
        background-color: #3e8e41;
    }

.btn-cerrar {
    margin-top: .5rem;
    background-color: #008f39; /* Color de fondo */
    border: none; /* Sin borde */
    color: white; /* Color del texto */
    padding: 10px 20px; /* Espaciado interno */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Sin subrayado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 16px; /* Tamaño del texto */
    border-radius: 4px; /* Radio de borde */
    cursor: pointer; /* Cambiar el cursor al pasar por encima */
}

    /* Estilo cuando se pasa el cursor por encima */
    .btn-cerrar:hover {
        background-color: transparent;
        color: white; /* Color del texto */
    }

    /* Estilo cuando se presiona el botón */
    .btn-cerrar:active {
        background-color: #3e8e41;
    }