.mdb-motion-toggle {
    position: fixed;
    inset: auto 20px 20px auto;
    z-index: 1000;
    display: inline-grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--brand-line);
    border-radius: 50%;
    background: #ffffffed;
    color: var(--brand-dark);
    box-shadow: 0 2px 12px #4c201c26;
    cursor: pointer;
}
.mdb-motion-toggle[hidden] { display: none; }
.mdb-motion-toggle svg { width: 19px; height: 19px; fill: currentColor; }
.mdb-motion-toggle [data-mdb-play],
.mdb-motion-toggle[aria-pressed="true"] [data-mdb-pause] { display: none; }
.mdb-motion-toggle[aria-pressed="true"] [data-mdb-play] { display: inline; }
.mdb-motion-toggle:focus-visible { outline: 3px solid var(--brand-dark); outline-offset: 3px; }
.mdb-motion-stopped *,
.mdb-motion-stopped *::before,
.mdb-motion-stopped *::after { animation-play-state: paused !important; transition: none !important; }

@media (max-width: 680px) {
    .mdb-motion-toggle {
        right: max(10px, env(safe-area-inset-right));
        bottom: max(10px, env(safe-area-inset-bottom));
    }
}

@media (prefers-reduced-motion: reduce) {
    .dembeni-site *,
    .dembeni-site *::before,
    .dembeni-site *::after,
    .mdb-portal-page *,
    .mdb-portal-page *::before,
    .mdb-portal-page *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}