/* =========================================================
   VIVA SPACES - BOTONES
   ========================================================= */

.btn {
    font-family: "Poppins", sans-serif;
    border: none !important;
    padding: .5rem var(--btn-px-lg);
    font-weight: 500;
    font-size: 1.2rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    border-radius: 5px;
}

    .btn:hover {
        color: #fff !important;
        opacity: .8;
    }

    .btn:focus {
        outline: 0 !important;
        box-shadow: none !important;
    }

    .btn:disabled {
        pointer-events: none;
        background-color: #ccc !important;
        color: #666 !important;
        cursor: not-allowed;
    }

.btn-Icon {
    font-family: "Poppins", sans-serif;
    border: none !important;
    font-weight: 500;
    font-size: 1.2rem;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    border-radius: 5px;
}

.btn-primario {
    color: #fff !important;
    background-color: var(--colorPrincipal) !important;
}

    .btn-primario:hover {
        background-color: #6e925f !important;
    }

.btn-secundario {
    color: #fff !important;
    background-color: var(--colorSecundario) !important;
}

    .btn-secundario:hover {
        background-color: #F2B099 !important;
    }

.btn-cancelar {
    color: #fff !important;
    background-color: #808080 !important;
    border: 2px solid #808080 !important;
    padding: var(--btn-py) var(--btn-px) !important;
}

    .btn-cancelar:hover {
        background-color: #c2c2c2 !important;
        border-color: #c2c2c2 !important;
    }

.btn-general {
    color: var(--colorPrincipal) !important;
    background-color: #fff !important;
    border: 2px solid var(--colorPrincipal) !important;
    font-weight: 700;
    padding: var(--btn-py) var(--btn-px) !important;
}

    .btn-general:hover {
        color: #fff !important;
        background-color: var(--colorPrincipal) !important;
        border-color: var(--colorPrincipal) !important;
        opacity: 1 !important;
    }

a.btn-general {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    cursor: pointer;
    font-family: "Poppins", sans-serif;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}