.wp-block-youtube-banner-frame-youtube-banner .ybf-block-wrapper{margin:0 auto;max-width:100%}.wp-block-youtube-banner-frame-youtube-banner .ybf-frame-container{background-color:#fff;border:2px solid #ccc;border-radius:8px;box-sizing:border-box;display:block;overflow:hidden}.wp-block-youtube-banner-frame-youtube-banner .ybf-frame-content{box-sizing:border-box;padding:8px}.wp-block-youtube-banner-frame-youtube-banner .ybf-video-container{background:#000;border-radius:calc(var(--frame-border-radius, 8px) - 8px);margin-bottom:0;overflow:hidden;position:relative}.wp-block-youtube-banner-frame-youtube-banner .ybf-video-wrapper{height:0;padding-bottom:56.25%;position:relative;width:100%}.wp-block-youtube-banner-frame-youtube-banner .ybf-video-wrapper iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay{cursor:pointer;max-height:150px;max-width:200px;opacity:0;position:absolute;transition:opacity .5s ease-in-out;z-index:10}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-visible{opacity:1}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-hidden{opacity:0;pointer-events:none}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-top-left{left:15px;top:15px}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-top-center{left:50%;top:15px;transform:translateX(-50%)}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-top-right{right:15px;top:15px}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-center{left:50%;top:50%;transform:translate(-50%,-50%)}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-bottom-left{bottom:15px;left:15px}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-bottom-center{bottom:15px;left:50%;transform:translateX(-50%)}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-bottom-right{bottom:15px;right:15px}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay .ybf-overlay-image,.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay .ybf-overlay-link{display:block;position:relative}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay img{border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.4);height:auto;transition:transform .2s ease;width:100%}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay img:hover{transform:scale(1.05)}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay .ybf-overlay-close{align-items:center;background:#f44;border:none;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.3);color:#fff;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;line-height:1;position:absolute;right:-10px;top:-10px;transition:all .2s ease;width:28px;z-index:11}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay .ybf-overlay-close:hover{background:#c00;transform:scale(1.1)}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay .ybf-overlay-close:focus{outline:2px solid #fff;outline-offset:2px}.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner{margin-top:8px;padding:0;text-align:center}.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-link{display:inline-block;text-decoration:none;transition:transform .2s ease}.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-link:hover{transform:translateY(-2px)}.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-image{border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:auto;max-width:100%;transition:box-shadow .2s ease}.ybf-banner-link:hover .wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-image{box-shadow:0 4px 16px rgba(0,0,0,.2)}.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-text{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#495057;display:inline-block;font-weight:500;padding:12px 24px;transition:all .2s ease}.ybf-banner-link:hover .wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-text{background:#e9ecef;border-color:#adb5bd;color:#212529}@media(max-width:768px){.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay{max-height:105px;max-width:140px}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-top-center,.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-top-left,.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-top-right{top:10px}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-bottom-center,.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-bottom-left,.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-bottom-right{bottom:10px}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-bottom-left,.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-top-left{left:10px}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-bottom-right,.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay.ybf-overlay-top-right{right:10px}.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay .ybf-overlay-close{font-size:14px;height:24px;right:-8px;top:-8px;width:24px}.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner{margin-top:10px}.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-text{font-size:14px;padding:10px 16px}}@media(max-width:480px){.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay{max-height:75px;max-width:100px}}@media(prefers-reduced-motion:reduce){.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-image,.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-link,.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-text,.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay,.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay .ybf-overlay-close,.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay img{transition:none}}@media(prefers-contrast:high){.wp-block-youtube-banner-frame-youtube-banner .ybf-overlay .ybf-overlay-close{border:2px solid #fff}.wp-block-youtube-banner-frame-youtube-banner .ybf-bottom-banner .ybf-banner-text{border-width:2px}}