.btn-custom-green {
    color: #007D3C; /* Color del texto */
    background-color: transparent; /* Fondo transparente para el estilo outline */
    border: 2px solid #007D3C; /* Borde verde */
    border-radius: 5px; /* Borde redondeado */
    padding: 10px 20px; /* Espaciado interno */
    cursor: pointer; /* Cursor pointer para indicar que es un botón */
    transition: background-color 0.3s, color 0.3s; /* Transiciones suaves */
}

.btn-custom-green:hover {
    background-color: #007D3C; /* Fondo verde al pasar el mouse */
    color: white; /* Texto blanco al pasar el mouse */
}