/* Mobile floating dark mode button */
.dark-mode-button {
    display: none;
    position: fixed;
    bottom: calc(var(--space-md) * 2 + var(--space-sm) + var(--font-size-lg) * 1.5); /* WhatsApp button + space-md*/
    right: var(--space-md);
    z-index: 999;

    padding: var(--space-sm);

    background-color: var(--color-primary);
    border: none;
    border-radius: var(--radius-md);

    cursor: pointer;
    /* display: flex; */
    align-items: center;
    justify-content: center;
}

.dark-mode-button-icon {
    color: var(--color-bg);
    font-size: calc(var(--font-size-lg) * 1.5);
}

@media (min-width: 768px) {
    .dark-mode-button {
        display: none;
    }
}