/*BUTTONS*/

.redesign .botaoQuestion {
    border-radius: var(--default-border-radius) !important;
}

.redesign .botaoPrincipal,
.redesign .botaoSecundario,
.modal-content .botaoPrincipal,
.modal-content .botaoSecundario {
    border-radius: var(--default-border-radius) !important;
}

.redesign button,
.redesign input[type="button"] {
    background-color: var(--redesign-primary-color);
    color: var(--white);
    border: none;
    padding: 12px;
    border-radius: var(--default-border-radius) !important;
    font-size: 14px;
    cursor: pointer;
}

    .redesign button:hover,
    .redesign input[type="button"]:hover {
        background-color: #145a9e;
    }
.redesign .button {
    /*        TODO: VALIDAR ISSO AI*/
    padding: 15px !important;
    border-top: 1px solid #eee !important;
    text-align: center !important;
    transition: background 0.3s;
}

.redesign .btn-primary {
    /*        TODO: VALIDAR ISSO AI*/
    width: 100% !important;
    padding: 10px 0 !important;
    border: none !important;
    font-weight: bold !important;
}

    .redesign .btn-primary.small,
    button[type="button"].small, button[type="submit"].small, .redesign .button.small {
    font-size: .8rem;
    width: fit-content !important;
    padding: .4rem 1rem !important;
    text-transform: capitalize !important;
}

    .redesign .btn-primary.btn-medium,
    button[type="button"].btn-medium, button[type="submit"].btn-medium, .redesign .button.btn-medium {
        font-size: 1.4rem;
        width: fit-content !important;
        padding: .5rem .8rem !important;
        text-transform: capitalize !important;
    }

    .redesign .btn-primary,
    button[type="button"], button[type="submit"] {
        font-family: var(--redesign-font-family);
        background-color: var(--redesign-primary-color) !important;
        color: var(--white) !important;
        border-radius: var(--default-border-radius) !important;
        cursor: pointer !important;
/*        text-transform: uppercase !important;*/
        font-weight: bold !important;
    }

    .redesign .btn-primary:hover,
    button[type="button"]:hover {
        background-color: var(--redesign-secondary-color) !important;
    }

.redesign .botaoSecundario {
    background-color: var(--redesign-secondary-color) !important;
    color: var(--white) !important;
    transition: transform 0.2s ease, font-size 0.2s ease;
}

    .redesign .botaoSecundario:hover {
        transform: scale(1.1);
    }


.modal-content.redesign .modal-body .modal-body-action #textoModalInformacao a i {
    font-family: var(--redesign-font-family) !important;
    font-size: 1.3rem !important;
    background-color: var(--redesign-primary-color) !important;
    color: var(--white) !important;
    border-radius: var(--default-border-radius) !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding: 1.5rem 2rem !important;
    box-sizing: border-box !important;
    height: 45px !important;
    margin: 0.5rem !important;
    cursor: pointer !important;
}

    .modal-content.redesign .modal-body .modal-body-action #textoModalInformacao a i::before {
        font-family: 'Font Awesome 5 Free' !important;
    }

    /* ===== Outlined Button ===== */
    .redesign .btn-outlined,
    button.botaoPrincipal.outlined,
    a.botaoPrincipal.outlined {
        display: inline-block;
        text-decoration: none;
        box-sizing: border-box;
        background-color: transparent !important;
        color: var(--redesign-primary-color) !important;
        border: 2px solid var(--redesign-primary-color) !important;
        border-radius: var(--default-border-radius) !important;
        font-weight: bold !important;
        cursor: pointer !important;
        padding: 10px 20px !important;
        transition: all 0.2s ease-in-out !important;
        text-transform: capitalize !important;
    }

    .redesign .btn-outlined:hover,
    button.botaoPrincipal.outlined:hover,
    a.botaoPrincipal.outlined:hover {
        background-color: var(--redesign-primary-color) !important;
        color: var(--white) !important;
    }

    button.botaoPrincipal.outlined.active,
    a.botaoPrincipal.outlined.active {
        background-color: var(--redesign-primary-color) !important;
        color: var(--white) !important;
        border-color: var(--redesign-primary-color) !important;
    }