.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}






.square_btn{
    position: relative;
    display: inline-block;
    font-weight: bold;javascript:void(0)
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #000000;
    background: #FFD700;
    transition: .4s;
  }

.square_btn:hover {
    background: #000000;
    color: #FFD700;
}