.c3-color-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    position: fixed;
    z-index: 999;
    bottom: 1rem;
    left: 1.5rem;
    padding: 0.6rem;
    border: 0;
    background: transparent;
    color: var(--c3-color-text);
    cursor: pointer;
}

.c3-color-switch span {
    width: 100%;
}

.c3-color-switch .c3-color-switch__sun,
.c3-color-switch[aria-pressed="true"] .c3-color-switch__moon {
    display: none;
}

.c3-color-switch[aria-pressed="true"] .c3-color-switch__sun {
    display: block;
}

@media (max-width: 767px) {
    .c3-color-switch {
        position: absolute;
        bottom: 2.5rem;
        left: 50%;
        transform: translateX(-50%);
    }
}