.school-app .school-audio-button{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;flex:0 0 auto;width:32px;height:32px;min-height:32px;padding:6px;margin:0 8px 0 0;border:1px solid #577286;border-radius:50%;background:#20364b;color:#b9e6f1;line-height:1;cursor:pointer;box-sizing:border-box}
.school-app .school-audio-button svg{width:18px;height:18px;pointer-events:none;flex:none}
.school-app .school-audio-button:hover{background:#304d64;color:#fff;border-color:#92c6d1}
.school-app .school-audio-button:focus-visible{outline:3px solid #edcb82;outline-offset:3px}
.school-app .school-audio-button.is-speaking{background:#edcb82;color:#172536;border-color:#edcb82}
.school-app .school-has-audio{overflow-wrap:anywhere}
.school-app blockquote.school-has-audio>.school-audio-button{float:inline-start;margin-inline-end:10px;margin-block-start:3px}
.school-app .school-audio-choice{display:flex;align-items:center;gap:8px;min-width:0}
.school-app .school-audio-choice>button[data-school]{flex:1;min-width:0;width:auto;margin:0}
.school-app .school-options .school-audio-button,.school-app .school-token-bank .school-audio-button,.school-app .school-built-tokens .school-audio-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:6px;margin:0;flex:0 0 32px;display:inline-flex}
.school-app .school-audio-choice>.school-audio-button>svg{width:18px;height:18px}
.alphabet-room .alphabet-card .school-audio-button{width:30px;height:30px;min-height:30px;padding:5px;margin:0 4px 0 0}
.alphabet-room .alphabet-card .alphabet-word .school-audio-button{width:28px;height:28px;min-height:28px}
@media(pointer:coarse){.school-app .school-audio-button{min-height:38px;height:38px;width:38px}.school-app .school-options .school-audio-button{min-height:38px;height:38px;width:38px;flex-basis:38px}}