﻿/* Customização dos botões Bootstrap */
.btn-primary {
    background-color: var(--color-primary) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 0 !important;
    transition: background 0.2s, color 0.2s;
}

.btn-outline-primary {
    background-color: transparent !important;
    color: var(--color-primary) !important;
    border: 1px solid var(--color-primary) !important;
    border-radius: 0 !important;
    transition: background 0.2s, color 0.2s, border-color 0.2s;
}


.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--color-primary-green) !important;
    color: var(--white) !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
    background-color: transparent !important;
    border-color: var(--color-primary-green) !important;
    color: var(--color-primary-green) !important;
}

.btn-secondary {
    background-color: var(--color-primary-green) !important;
    color: var(--white) !important;
    border: none !important;
    border-radius: 0 !important;
    transition: background 0.2s, color 0.2s;
}

    .btn-secondary:hover,
    .btn-secondary:focus {
        background-color: var(--white) !important;
        color: var(--color-primary-green) !important;
    }

.btn-secondary-b {
    background-color: var(--color-primary-green) !important;
    color: var(--white) !important;
    border: 1px solid var(--white) !important;
    border-radius: 0 !important;
    transition: background 0.2s, color 0.2s;
}

    .btn-secondary-b:hover,
    .btn-secondary-b:focus {
        background-color: var(--white) !important;
        color: var(--color-primary-green) !important;
    }



/* Botão transparente com texto e borda branca */
.btn-transparent-light {
    background: rgba(255, 255, 255, 0);
    color: var(--white) !important;
    border: 1px solid var(--white) !important;
    border-radius: 0 !important;
    transition: background 0.2s, color 0.2s;
}

    .btn-transparent-light:hover,
    .btn-transparent-light:focus {
        background: rgba(255, 255, 255, 1);
        color: var(--black) !important;
    }
