@import url('https://fonts.googleapis.com/css2?family=Hubot+Sans:ital,wght@0,200..900;1,200..900&display=swap');


.custom-div {
    background-color: transparent; /* Sin fondo */
    padding: 20px 0;
    max-width: 45%;
    margin: 0 auto; /* Centrar el div */
    text-decoration: none!important;
}

.btn-cta {
    font-family: "Hubot Sans", sans-serif;
    font-style: italic;
    font-size: larger;
}

.btn-cta:hover {
    box-shadow: 0 8px 16px rgba(235, 114, 0, 0.8)!important;
}

.btn-cta-left {
    transition: all 0.3s ease;
    background-color: #e07b39!important;
    color: rgb(255, 255, 255)!important;
    border-width: 0!important;
    border: 0!important;
}

.btn-cta-left:hover {
    transform: translateY(-2px)!important;
    background-color: #161616!important;
    color: #ffffff!important;
}

.btn-cta-right {
    transition: all 0.3s ease!important;
    color: #161616!important;
    background-color: #ffffff!important;
    border: 6px #e07b39!important;
}

.btn-cta-right:hover {
    transform: translateY(-2px)!important;
    background-color: #161616!important;
    color: #ffffff!important;
}
    
.btn-container .btn {
    height: 100%;
    white-space: normal; /* Permite múltiples líneas */
    word-wrap: break-word;
}

/* Ajustes para pantallas pequeñas */
@media (max-width: 768px) {
    .custom-div {
        max-width: 90%;
    }
}