/* Basic styles for the consent placeholder */
.ytc { position: relative; width: 100%; background: #000; color: #fff; overflow: hidden; border-radius: 12px; }
.ytc-16by9 { padding-top: 56.25%; } /* 16:9 aspect ratio */
.ytc-4by3  { padding-top: 75%; }
.ytc > * { box-sizing: border-box; }
.ytc .ytc-btn { position: absolute; inset: 0; display: grid; place-content: center; gap: .75rem; width: 100%; height: 100%; background: transparent; border: 0; cursor: pointer; padding: 1rem; text-align: center; }
.ytc .ytc-thumb { position: absolute; inset: 0; background: #111 center/cover no-repeat; opacity: .6; }
.ytc .ytc-cta { display: inline-block; font-weight: 600; padding: .5rem .75rem; border: 1px solid rgba(255,255,255,.25); border-radius: 999px; }
.ytc .ytc-note { font-size: .85rem; padding: .5rem .75rem; border-radius: .5rem; }
.ytc .ytc-cta,
.ytc .ytc-note { white-space: normal; word-break: break-word; text-align: center; z-index:1; background-color:#135942; }
.ytc iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }