.oembed_custom-thumbnail {
    align-items: center;
    appearance: none;
    background-color: transparent;
    background-position: center center !important; /* Ensures correct positioning */
    background-repeat: no-repeat !important; 
    background-size: cover !important; /* Forces image to fill */
    border: none;
    border-radius: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute; /* Ensures it covers the iframe area */
    top: 0;
    width: 100%;
    z-index: 1;
    min-height: 200px; /* Fix for some browsers */
	cursor: pointer !important;
}

/* Fix button focus/active issues */
.oembed_custom-thumbnail:focus,
.oembed_custom-thumbnail:active {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Hides the overlay once clicked */
.oembed_custom-thumbnail--hide {
    display: none !important;
}

.oembed_custom-thumbnail_icon {
	width:100px;
	height:80px;
	padding:20px;
	background:rgba(0,0,0,.5);
	border-radius: 10px;
	cursor: pointer !important;
}

.oembed_custom-thumbnail:hover .oembed_custom-thumbnail_icon {
	background:rgba(0,0,0,1);
}

/* Default color */
.oembed_custom-thumbnail_icon svg {
    color: white; /* This changes the SVG color */
	width:100%;
	height:100%;
}

/* On hover (example: change to red) 
.oembed_custom-thumbnail:hover .oembed_custom-thumbnail_icon svg {
    color: red;
} */

.iframe_wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.iframe_wrapper iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}