.btn-disabled {
    background-color: #ffffff;
    color: #ffffff;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}
.selected {
    background-color: #2563eb; /* Tailwind bg-[#2563eb] */
    color: white;              /* Tailwind text-white */
    font-weight: 600;          /* Tailwind font-semibold */
}
.not-selected {
    opacity: 0.5;
    transition: all 0.2s ease-in-out;
    color: black;
}

.not-selected:hover {
    opacity: 1;
    background-color: #2563eb;
    color: white;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
cus-hidden{
    display: none;
}
cus-show{
    display: block;
}