.btn-primary {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
}
.btn-primary:hover {
    background-color: #0056b3 !important;
    border-color: #004085 !important;
}

/* İkincil buton */
.btn-secondary {
    color: #fff !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}
.btn-secondary:hover {
    background-color: #545b62 !important;
    border-color: #4e555b !important;
}

/* Başarı butonu */
.btn-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}
.btn-success:hover {
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
}

/* Tehlike butonu */
.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}
.btn-danger:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

/* Uyarı butonu */
.btn-warning {
    color: #212529 !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}
.btn-warning:hover {
    background-color: #e0a800 !important;
    border-color: #d39e00 !important;
	    color: white !important;

}

/* Bilgilendirme butonu */
.btn-info {
    color: #fff !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}
.btn-info:hover {
    background-color: #138496 !important;
    border-color: #117a8b !important;
}

/* Açık buton */
.btn-light {
    color: #212529 !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}
.btn-light:hover {
    background-color: #e2e6ea !important;
    border-color: #dae0e5 !important;
	    color: white !important;

}

/* Koyu buton */
.btn-dark {
    color: #fff !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}
.btn-dark:hover {
    background-color: #23272b !important;
    border-color: #1d2124 !important;
}

/* Çerçeveli butonlar */
.btn-outline-primary {
    color: #007bff !important;
    border: 1px solid #007bff !important;
    background-color: transparent !important;
}
.btn-outline-primary:hover {
    color: #007bff !important;
    background-color: #007bff !important;
     color: white !important;
}

.btn-outline-secondary {
    color: #6c757d !important;
    border: 1px solid #6c757d !important;
    background-color: transparent !important;
}
.btn-outline-secondary:hover {
    color: #6c757d !important;
    background-color: #6c757d !important;
    border-color: #6c757d !important;
}

.btn-outline-success {
    color: #28a745 !important;
    border: 1px solid #28a745 !important;
    background-color: transparent !important;
}
.btn-outline-success:hover {
    color: #28a745 !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.btn-outline-danger {
    color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
    background-color: transparent !important;
}
.btn-outline-danger:hover {
    color: #dc3545 !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.btn-outline-warning {
    color: #ffc107 !important;
    border: 1px solid #ffc107 !important;
    background-color: transparent !important;
}
.btn-outline-warning:hover {
    color: #ffc107 !important;
    background-color: #ffc107 !important;
    border-color: #ffc107 !important;
}

.btn-outline-info {
    color: #17a2b8 !important;
    border: 1px solid #17a2b8 !important;
    background-color: transparent !important;
}
.btn-outline-info:hover {
    color: #17a2b8 !important;
    background-color: #17a2b8 !important;
    border-color: #17a2b8 !important;
}

.btn-outline-light {
    color: #f8f9fa !important;
    border: 1px solid #f8f9fa !important;
    background-color: transparent !important;
}
.btn-outline-light:hover {
    color: #f8f9fa !important;
    background-color: #f8f9fa !important;
    border-color: #f8f9fa !important;
}

.btn-outline-dark {
    color: #343a40 !important;
    border: 1px solid #343a40 !important;
    background-color: transparent !important;
}
.btn-outline-dark:hover {
    color: white !important;
    background-color: #343a40 !important;
    border-color: #343a40 !important;
}