.play-bar {
    display: inline-grid;
    gap: 10px;
    grid-template-columns: auto 215px;
    width: 100%;
    height: 100%;
    align-items: center;
}

.play-bar .left {
    display: inline-flex;
    gap: 1em;
}

.bottom-bar p {
    margin: 0;
}
.play-bar.zoom-counter-bar.singular {
    grid-template-columns: auto;
}
.bottom-bar {
    padding: 0.5em !important;
    display: inline-flex;
    width: 100%;
    border-radius: 0px 0px 5px 5px;
    background: #E4F5FC;
}

.svg-btn {
    display: inline-flex;
}

.svg-btn svg {
    align-self: center;
}
.webinar-progress .counter {
    margin: 0px !important;
    zoom: 0.7;
    height: 100%;
    align-items: center;
}
.webinar-progress .counter .separator {
    margin-top: -28px !important;
}