#speechReaderControls label {
    font-size: 14px;
}

#speechReaderControls input[type="range"] {
    cursor: pointer;
    width: 100px;
}

.controls-cont {
    display: flex;
}

.left-controls.left-controls-bottom {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

div#speechReaderControls {
    padding: 10px;
    background: #f1f1f1;
    border-radius: 5px;
}

.controls-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.left-controls button {
    border: none;
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    cursor: pointer;
}

img.ic-player {
    height: 35px;
}

img.ic-player-stop {
    height: 30px;
}


#stopBtn {
    padding: 10px 12px;
}




.commands-div {
    display: flex;
    align-items: center;
}

@media (max-width: 576px) {

    .controls-cont {
        flex-direction: column;
        align-items: center;
    }

    .left-controls {
        margin-top: 10px;
        display: flex;
        gap: 10px;
    }
}

@media (max-width: 480px) {

    .left-controls-bottom{
        flex-direction: column;
    }

}