/* =========================================================
   BERNARD v1.0.9 — CENTRAL AUDIO CONTROL
   ========================================================= */

.sound-toggle {
    position: fixed;
    z-index: 2000;

    top: 24px;
    right: 30px;

    padding: 8px 0;

    border: 0;
    background: transparent;
    color: #8f8f8f;

    cursor: pointer;

    font-family: inherit;
    font-size: 10px;
    font-weight: 300;
    letter-spacing: 4px;
    line-height: 1;

    transition:
        color 0.3s ease,
        letter-spacing 0.3s ease;
}

.sound-toggle:hover,
.sound-toggle:focus-visible {
    color: #111111;
    letter-spacing: 4.5px;
}

@media (max-width: 700px) {
    .sound-toggle {
        top: 16px;
        right: 16px;

        font-size: 9px;
        letter-spacing: 3px;
    }
}