.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;

	  position: absolute;
    bottom: 0;

    width: 100%;
}

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

.wb-youtube-optin-overlay button {
    margin-top: 10px;
    padding: 8px 15px;
    background: var(--hamBg);
    border: 1px solid var(--hamBg);
    border: none;
    color: var(--white);
    cursor: pointer;
}

.wb-youtube-optin-overlay button:hover,
.wb-youtube-optin-overlay button:active,
.wb-youtube-optin-overlay button:focus {
  background: var(--white);
  color: var(--hamBg);
}