:root {
    --bs-primary: linear-gradient(45deg, #6f42c1, #20c997);
    --bs-btn-bg: linear-gradient(45deg, #6f42c1, #20c997);
}
.btn-primary, .bg-primary {
    background: var(--bs-primary);
    border: none; /* Remove default border */
    color: white; /* Change text color for better visibility */
}

.btn-primary:hover {
    background: linear-gradient(45deg, #5a31a1, #1aa68a); /* Darker gradient on hover */
}

.bg-secondary {
    background-color: #f0f0f0 !important;
}