.col-2 {
    width: 12% !important;
}

.btn-outline-primary {
    --bs-btn-hover-color: #0d6efd !important;
    --bs-btn-hover-bg: #fff !important;
}

.btn-outline-secondary {
    --bs-btn-hover-color: #6c757d !important;
    --bs-btn-hover-bg: #fff !important;
}

.btn-outline-success {
    --bs-btn-hover-color: #198754 !important;
    --bs-btn-hover-bg: #fff !important;
}

.btn-outline-danger {
    --bs-btn-hover-color: #dc3545 !important;
    --bs-btn-hover-bg: #fff !important;
}

.btn-outline-warning {
    --bs-btn-hover-color: #ffc107 !important;
    --bs-btn-hover-bg: #fff !important;
}

.btn-outline-info {
    --bs-btn-hover-color: #0dcaf0 !important;
    --bs-btn-hover-bg: #fff !important;
}

.btn-outline-dark {
    --bs-btn-hover-color: #212529 !important;
    --bs-btn-hover-bg: #fff !important;
}

.bg-d {
    background-color: rgba(156, 40, 32, 0.06) !important;
    color: #dc3545 !important;
}

.btn-danger {
    --bs-btn-border-color: none !important;
}

.bg-p {
    background-color: rgba(2, 136, 209, 0.06) !important;
    color: #0288d1 !important;
}
.btn-primary {
    --bs-btn-border-color: none !important;
}

.bg-s {
    background-color: rgba(48, 86, 116, 0.06) !important;
    color: #6c757d !important;
}
.btn-secondary {
    --bs-btn-border-color: none !important;
}

.bg-sc {
    background-color: rgba(46, 125, 50, 0.06) !important;
    color: #2e7d32 !important;
}
.btn-success {
    --bs-btn-border-color: none !important;
}

.bg-w {
    background-color: rgba(237, 108, 2, 0.06) !important;
    color: #f1c40f !important;
}
.btn-warning {
    --bs-btn-border-color: none !important;
}

.bg-p {
    background-color: rgba(2, 136, 209, 0.06) !important;
    color: #0288d1 !important;
}
.btn-info {
    --bs-btn-border-color: none !important;
}

.bg-dr {
    background-color: rgba(0, 0, 0, 0.06) !important;
    color: #000 !important;
}
.btn-dark {
    --bs-btn-border-color: none !important;
}

.btn-theme-bg {
    background-color: #fd6672 !important;
    color: #fff !important;
}
.btn-theme-bg:hover {
    background-color: #fd2761 !important;
}
.r-button {
    height: 50px;
    width: 50px !important;
    border-radius: 40px !important;
}
.btn-theme-br {
    border-color: #fd6672 !important;
    color: #fd6672 !important;
}
.btn-theme-t {
    background-color: rgba(244, 204, 204, 0.4) !important;
    color: #fd6672 !important;
    border-color: none !important;
}

.btn-brown {
    background-color: #804247 !important;
    color: #804247 !important;
    border-color: none !important;
}