@media screen and (max-width: 768px) {
    .fs-responsive-button {
        padding: 0.45rem 0.5rem !important;
    }

    .badge-center {
        min-width: 2rem;
        min-height: 2rem;
    }

    .d-flex.align-items-center.p-3.row {
        padding: 0.75rem !important;
    }
}

@media screen and (max-width: 480px) {
    .fs-responsive-button {
        padding: 0.35rem 0.4rem !important;
    }

    .badge-center {
        min-width: 1.8rem;
        min-height: 1.8rem;
    }

    .d-flex.align-items-center.p-3.row {
        gap: 0.5rem !important;
        padding: 0.5rem !important;
    }
}