.wb-youtube-box {
    position: relative;
    width: 100%;
    background: #000;
    overflow: hidden;
    margin-bottom: 20px;
}

/* Default: 16:9 */
.wb-youtube-box.ratio-16-9 {
    padding-top: 56.25%;
}

/* Shorts: 9:16 */
.wb-youtube-box.ratio-9-16 {
    padding-top: 177.78%;
}

.wb-youtube-box iframe,
.wb-youtube-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wb-youtube-thumbnail {
    background-size: cover;
    background-position: center;
}

.wb-youtube-optin-overlay {
    background: rgba(0,0,0,0.8);
    color: #fff;
    padding: 20px;
    text-align: center;
}

.wb-youtube-optin-overlay label {
    cursor: pointer;
}

.wb-youtube-optin-overlay button {
    margin-top: 10px;
    padding: 8px 15px;
    background: #cc0000;
    border: none;
    color: #fff;
    cursor: pointer;
}

.wb-youtube-optin-overlay button:hover,
.wb-youtube-optin-overlay button:active,
.wb-youtube-optin-overlay button:focus {
  background: #7f0202;
}