.btn-outline-primary {
    color: #007bff !important;
    border: 1px solid #007bff !important;
    background: white !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

    .btn-outline-primary:hover {
        color: #212529 !important;
        background-color: #007bff !important;
        border-color: #007bff !important;
    }

.btn-outline-warning {
    color: #ffc107 !important;
    border: 1px solid #ffc107 !important;
    background: white !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

    .btn-outline-warning:hover {
        color: #212529 !important;
        background-color: #ffc107 !important;
        border-color: #ffc107 !important;
    }

.btn-outline-secondary {
    color: #6c757d !important;
    border: 1px solid #6c757d !important;
    background: white !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

    .btn-outline-secondary:hover {
        color: #212529 !important;
        background-color: #6c757d !important;
        border-color: #6c757d !important;
    }

.btn-outline-success {
    color: #28a745 !important;
    border: 1px solid #28a745 !important;
    background: white !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

    .btn-outline-success:hover {
        color: #212529 !important;
        background-color: #28a745 !important;
        border-color: #28a745 !important;
    }

.btn-outline-danger {
    color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    background: white !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

    .btn-outline-danger:hover {
        color: #212529 !important;
        background-color: #dc3545 !important;
        border-color: #dc3545 !important;
    }

.btn-outline-info {
    color: #17a2b8 !important;
    border: 1px solid #17a2b8 !important;
    background: white !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

    .btn-outline-info:hover {
        color: #212529 !important;
        background-color: #17a2b8 !important;
        border-color: #17a2b8 !important;
    }

.btn-outline-dark {
    color: #343a40 !important;
    border: 1px solid #343a40 !important;
    background: white !important;
    border-radius: 5px !important;
    font-size: 12px !important;
}

    .btn-outline-dark:hover {
        color: #212529 !important;
        background-color: #343a40 !important;
        border-color: #343a40 !important;
    }