.vocabulary-pronunciation{display:flex;flex-wrap:wrap;gap:8px;margin:.65rem 0 .9rem}
.vocabulary-pronunciation button{min-height:36px;padding:7px 12px;border:1px solid rgba(17,67,94,.18);border-radius:999px;background:#eef8ff;color:#11435e;font:800 .78rem/1.1 var(--font-body,Arial,sans-serif);box-shadow:0 3px 0 rgba(17,67,94,.12);cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.vocabulary-pronunciation button[data-vocab-speak="us"]{background:#fff0ea;color:#8a341f;border-color:rgba(184,77,45,.2);box-shadow:0 3px 0 rgba(184,77,45,.12)}
.vocabulary-pronunciation button:hover{transform:translateY(-2px);box-shadow:0 5px 0 rgba(17,67,94,.14)}
.vocabulary-pronunciation button:focus-visible{outline:3px solid #f3bd34;outline-offset:3px}
.vocabulary-pronunciation button:active{transform:translateY(1px);box-shadow:none}
.vocabulary-pronunciation-status{margin:.65rem 0 1rem;padding:11px 14px;border-left:5px solid #f3bd34;border-radius:8px;background:#fff9df;color:#44370f;font-weight:650}
.vocabulary-arabic .vocabulary-pronunciation{margin:.55rem 0 0}
.vocabulary-arabic .vocabulary-pronunciation button{white-space:nowrap}
@media(max-width:560px){.vocabulary-pronunciation button{flex:1 1 132px}.vocabulary-arabic .vocabulary-pronunciation button{flex:1 1 100%}}
@media print{.vocabulary-pronunciation,.vocabulary-pronunciation-status{display:none!important}}