.L_4-3 {
    min-width: 320px !important;
}

.P_4-3 {
    min-width: 240px !important;
}

.L_16-9 {
    min-width: 320px !important;
}

.P_16-9 {
    min-width: 180px !important;
}

.L_1-1 {
    min-width: 240px !important;
}

.P_1-1 {
    min-width: 240px !important;
}

.L_2-1 {
    min-width: 360px !important;
}

.P_2-1 {
    min-width: 180px !important;
}

.playpause {
    display: none;
    padding: 6px 20px;
    position: absolute;
    left: calc(50% - 30px);
    top: calc(50% - 30px);
    margin: 0 auto;
    border: 1px solid #cdd2d7;
    background: #cdd2d7;
    border-radius: 10px;
    cursor: pointer;
    opacity: 0.60;
}

    .playpause .fa {
        font-size: 34px;
        color: #ff0000 !important;
    }

.mute {
    display: none;
    padding: 6px 12px;
    position: absolute;
    right: calc(10% - 25px);
    top: calc(10% - 20px);
    margin: auto;
    opacity: 1;
    border: 1px solid #cc4e45;
    border-radius: 10px;
    opacity: 0.75;
    cursor: pointer;
}

    .mute .fa {
        font-size: 32px;
        color: #ff0000 !important;
    }

video {
    cursor: pointer;
}