/* Shared pronunciation button — invisible on Kana and Numbers, visible on Lessons */
.card .speaker-btn{position:absolute;right:5px;top:5px;bottom:auto;z-index:20;width:28px;height:28px;margin:0;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:transparent;box-shadow:none;display:flex;align-items:center;justify-content:center;font-family:sans-serif;font-size:14px;line-height:1;opacity:0;cursor:pointer}
.card .speaker-btn:hover,.card .speaker-btn:focus-visible{border-color:transparent;background:transparent;color:transparent;box-shadow:none;outline:none}
/* Lessons keeps its speaker visible in the card top bar. */
.card .lesson-card-topbar .speaker-btn,.card .lesson-card-topbar .speak-btn,.card .lesson-card-topbar .pronunciation-btn{position:static!important;right:auto!important;top:auto!important;bottom:auto!important;width:28px!important;height:28px!important;margin:0!important;border:0!important;background:transparent!important;color:inherit!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;cursor:pointer}
@media(max-width:520px){.card .speaker-btn{width:24px;height:24px;right:4px;top:4px;bottom:auto;font-size:12px}.card .lesson-card-topbar .speaker-btn,.card .lesson-card-topbar .speak-btn,.card .lesson-card-topbar .pronunciation-btn{width:24px!important;height:24px!important;right:auto!important;top:auto!important}}