.sycb-media-placeholder,
.sycb-media-iframe,
.sycb-youtube-placeholder,
.sycb-youtube-iframe {
  box-sizing: border-box;
  display: block;
  width: 100%;
  max-width: 100%;
}

.sycb-media-placeholder,
.sycb-youtube-placeholder {
  position: relative;
  display: grid;
  place-items: center;
  overflow: hidden;
  min-height: 240px;
  padding: clamp(1.25rem, 4vw, 3rem);
  color: #fff;
  background: #171717;
  text-align: center;
}

.sycb-media-placeholder--youtube,
.sycb-youtube-placeholder,
.sycb-media-iframe--youtube,
.sycb-youtube-iframe {
  aspect-ratio: 16 / 9;
}

.sycb-media-placeholder--ivoox {
  min-height: 200px;
  padding-block: 1.5rem;
  background: #232323;
}

.sycb-media-placeholder__message,
.sycb-youtube-placeholder__message {
  max-width: 38rem;
}

.sycb-media-placeholder__message strong,
.sycb-youtube-placeholder__message strong {
  display: block;
  margin-bottom: 0.65rem;
  color: inherit;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
}

.sycb-media-placeholder__message p,
.sycb-youtube-placeholder__message p {
  margin: 0 0 1.15rem;
  color: inherit;
  line-height: 1.55;
}

.sycb-media-placeholder__button,
.sycb-youtube-placeholder__button {
  display: inline-block;
  padding: 0.7rem 1rem;
  border: 2px solid currentColor;
  border-radius: 0.25rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
}

.sycb-media-placeholder__button:hover,
.sycb-media-placeholder__button:focus-visible,
.sycb-youtube-placeholder__button:hover,
.sycb-youtube-placeholder__button:focus-visible {
  color: #171717;
  background: #fff;
  text-decoration: none;
}

.sycb-media-placeholder__button:focus-visible,
.sycb-youtube-placeholder__button:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}

.sycb-media-iframe,
.sycb-youtube-iframe {
  border: 0;
}

.sycb-media-iframe--youtube,
.sycb-youtube-iframe {
  height: auto;
}

.sycb-media-iframe--ivoox {
  min-height: 200px;
}

@media (max-width: 480px) {
  .sycb-media-placeholder,
  .sycb-youtube-placeholder {
    min-height: 210px;
  }

  .sycb-media-placeholder--ivoox {
    min-height: 190px;
  }
}