/* BUTTONS */
button {
    cursor: pointer;
    border: none;
    font-size: inherit;
    background: none;
}

/* Clases de botones */
.mcb-cta-btn,
.mcb-green-btn,
.mcb-gray-btn,
.mcb-red-btn,
.mcb-accent-btn {
    cursor: pointer;
    border: none;
    font-weight: 600;
    padding: 10px 15px;
    border-radius: 20px;
    transition: all .15s ease-in-out;
    text-decoration: none;
    text-align: center;
    width: fit-content;
    height: fit-content;
}

/* Ajustes responsivos (esto se mantiene igual) */
@media screen and (max-width: 600px) {
    .mcb-cta-btn,
    .mcb-green-btn,
    .mcb-gray-btn,
    .mcb-red-btn,
    .mcb-accent-btn {
        width: auto;
        padding: 7px 15px;
    }
}

.mcb-cta-btn {
    color: #fff;
    background-color: #0071e3;
}
.mcb-cta-btn:hover {
    background-color: color-mix(in srgb, #0071e3, black 15%);
    color: #fff;
}

.mcb-green-btn {
    background-color: #b1e04d;
}
.mcb-green-btn:hover {
    background-color: #94bd3c;
}

.mcb-gray-btn {
    color: #fff;
    background-color: #888987;
}
.mcb-gray-btn:hover {
    background-color: #5d5d5c;
    color: #fff;
}

.mcb-red-btn {
    color: #fff;
    background-color: #ef5350;
}
.mcb-red-btn:hover {
    background-color: #db2a27;
}

.mcb-accent-btn {
    color: #fff;
    background-color: #ee2059;
}
.mcb-accent-btn:hover {
    background-color: #cb1044;
}

.mcb-fit-cont {
    width: fit-content;
}