#brx-header { transition: transform 1s ease, opacity 0.35s ease; } #brx-header.is-hidden { transform: translateY(-20vw); } @media (max-width: 767px) { #brx-header.is-hidden { transform: translateY(-35vw); } } .audio-toggle-wrap { position: fixed; right: 2.5vw; bottom: 2.5vw; z-index: 9999; } .audio-toggle { appearance: none; width: 3.8vw; height: 3.8vw; min-width: 44px; min-height: 44px; border: none; border-radius: 50%; background: rgba(192, 216, 244, 0.5); color: #3a3a3a; font-family: "Playfair Display", serif; font-size: 1vw; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; text-align: center; } @media (max-width: 767px) { .audio-toggle { width: 12vw; height: 12vw; font-size: 3vw; } }