/* Shared TTS control icons — pause = two vertical bars (all browsers) */
.tts-pause,
.hm-tts-pause,
#ttsPauseBtn,
#overlayTTSPauseBtn {
    position: relative;
    font-size: 0 !important;
    line-height: 0;
    color: transparent;
    overflow: hidden;
}

.tts-pause::before,
.tts-pause::after,
.hm-tts-pause::before,
.hm-tts-pause::after,
#ttsPauseBtn::before,
#ttsPauseBtn::after,
#overlayTTSPauseBtn::before,
#overlayTTSPauseBtn::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 4px;
    height: 58%;
    min-height: 12px;
    max-height: 20px;
    background: #fff;
    border-radius: 1px;
    transform: translateY(-50%);
}

.tts-pause::before,
.hm-tts-pause::before,
#ttsPauseBtn::before,
#overlayTTSPauseBtn::before {
    left: calc(50% - 6px);
}

.tts-pause::after,
.hm-tts-pause::after,
#ttsPauseBtn::after,
#overlayTTSPauseBtn::after {
    left: calc(50% + 2px);
}