.bcsb-iframe-aspect-ratio {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* The height of the item will now be 56.25% of the width, or 16:9 ratio */
}

/* Adjust the iframe so it's rendered in the outer-width and outer-height of it's parent */
.bcsb-iframe-aspect-ratio iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.bcsb-embed-button {
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

.bcsb-embed-thumbnail {
    position: relative;
    top: 0;
    left: 0;
}

.bcsb-embed-play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    &:hover {
        scale: 1.5;
    }
}