.firstaudio-audio-overlay-host {
    position: relative;
}

button.firstaudio-audio-toggle {
    display: inline-grid;
    place-items: center;
    width: clamp(52px, 6vw, 76px);
    height: clamp(52px, 6vw, 76px);
    padding: 0;
    border: 2px solid #eec56b;
    border-radius: 50%;
    background: #512680;
    color: #ffe49b;
    box-shadow: 0 4px 12px rgba(47, 19, 73, .24);
    cursor: pointer;
}

.firstaudio-audio-overlay-host > button.firstaudio-audio-toggle {
    position: absolute;
    inset-block-start: clamp(12px, 2.5vw, 34px);
    inset-inline-start: clamp(12px, 4vw, 54px);
    z-index: 2;
}

button.firstaudio-audio-toggle:hover {
    background: #692fa0;
}

button.firstaudio-audio-toggle:focus-visible {
    outline: 3px solid #512680;
    outline-offset: 3px;
}

.firstaudio-audio-toggle svg {
    display: block;
    width: 48%;
    height: 48%;
    fill: currentColor;
}

.firstaudio-crossword-audio-row {
    display: flex;
    align-items: center;
    gap: clamp(12px, 2.5vw, 36px);
    margin-block-end: 12px;
}

.tcw-game .firstaudio-crossword-audio-row > .tcw-bar {
    flex: 0 1 54%;
    min-width: 0;
    margin: 0;
}

.firstaudio-crossword-audio-row > button.firstaudio-audio-toggle {
    flex-shrink: 0;
}

@media (max-width: 700px) {
    .tcw-game .firstaudio-crossword-audio-row > .tcw-bar {
        flex: 1 1 auto;
        max-width: none;
    }
}