@media (max-width: 849px) {
    .kfmf-filter-trigger {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 7px;
        width: auto;
        min-height: 42px;
        padding: 10px 18px !important;
        margin: 3px 0 8px;
        border: 0 !important;
        border-radius: 999px;
        background: var(--kfmf-bg) !important;
        color: var(--kfmf-color) !important;
        line-height: 1.15;
        font-weight: 700;
        letter-spacing: .02em;
        text-decoration: none !important;
        box-shadow: 0 7px 18px rgba(0,0,0,.12);
        animation: kfmf-soft-pulse var(--kfmf-speed) ease-in-out infinite;
        transform-origin: center;
        position: relative;
        z-index: 2;
    }

    .kfmf-filter-trigger:hover,
    .kfmf-filter-trigger:focus,
    .kfmf-filter-trigger:active {
        color: var(--kfmf-color) !important;
        opacity: .96;
    }

    .kfmf-filter-trigger i,
    .kfmf-filter-trigger svg {
        color: currentColor !important;
        fill: currentColor;
    }

    @keyframes kfmf-soft-pulse {
        0%, 100% {
            transform: scale(1);
            box-shadow: 0 7px 18px rgba(0,0,0,.12);
        }
        50% {
            transform: scale(1.035);
            box-shadow: 0 9px 24px rgba(0,0,0,.20);
        }
    }

    @media (prefers-reduced-motion: reduce) {
        .kfmf-filter-trigger {
            animation: none !important;
        }
    }
}