.yt-consent { margin: 1.2rem 0; }

.yt-consent.is-16x9 .yt-consent__box,
.yt-consent.is-16x9 .yt-consent__frame { aspect-ratio: 16 / 9; overflow-y: scroll; }

.yt-consent.is-4x3 .yt-consent__box,
.yt-consent.is-4x3 .yt-consent__frame { aspect-ratio: 4 / 3; overflow-y: scroll; }

.yt-consent__box,
.yt-consent__frame {
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
}

.yt-consent__box {
  display: grid;
  place-items: center;
  background: rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.12);
  padding: 1rem;
}

.yt-consent__txt { max-width: 840px; text-align: center; }
.yt-consent__title { display:block; margin-bottom: .4rem; }
.yt-consent__p { margin: 0 0 .8rem; opacity: .85; font-size:0.85rem; }
.yt-consent__actions { display:flex; gap:.6rem; justify-content:center; flex-wrap:wrap; }

.yt-consent__accept, .yt-consent__revoke, .yt-consent__privacy {
  border-radius: 10px;
  border: 1px solid rgba(0,0,0,.18);
  padding: .25rem .55rem; font-size:0.8rem;
  background: #fff;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
}

.yt-consent__footer { margin-top: .4rem; }

.yt-consent__frame iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.yt-consent__privacy-links {
  margin-top: .6rem;
  font-size: .85rem;
  display: flex;
  gap: .8rem;
  justify-content: center;
  flex-wrap: wrap;
}

.yt-consent__privacy-links a {
  text-decoration: underline;
  opacity: .85;
}

