.video_open{
    background: #fcfcfc00;
    padding: 0.5rem 0.75rem;
    position: relative;
    width: 100%;
    float: right;
    margin-top: -20px;
    margin-bottom: 20px;
    text-align: center;
}


.you_field {
 
    
}


.video_open>span{
   font-size: 1.5rem;
   font-weight: bold;
    text-align: center;
    border-bottom: 2px dotted;
}
.video_open>div{
    display: none;
}
/*.video_open::before {
    content: "";
    left: 0.5rem;
    top: .7em;
    position: absolute;
    background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
    width: 1em;
    height: 1em;
    transition: transform .1s linear;
}*/
.video_open:hover{
    cursor:pointer;
}
    


    .video_opened>div{
        display: block;
        margin-top: 2rem;
        background: #fcfcfc00;
        padding: 0.5rem 0.75rem;
        position: relative;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }

    @media (min-width: 200px) and (max-width: 600px) {
        .video_opened>div{
            display: block;
            margin-top: 2rem;
            width: 100%;
            
        }
        }
.video_opened::before{
    transform: rotate(90deg);
}