/**
 * Styles for YouTube consent overlay
 *
 * @package CookieYes_YouTube
 */

.youtube-video {
    position: relative;
}

.youtube-consent-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 1em;
    border-radius: 14px;
    text-align: center;
    z-index: 10;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    cursor: pointer;
}

.youtube-consent-overlay div {
    margin-bottom: 1em;
}

@media screen and (min-width: 700px) {
    .youtube-consent-overlay {
        white-space: nowrap;
    }
    
}