.ad-banner {
  --ad-banner-width: 950px;
  --ad-banner-height: 200px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 64px auto;
  padding-inline: 12px;
}

.ad-banner[hidden] {
  display: none;
}

.ad-banner__content {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: min(100%, var(--ad-banner-width));
  min-height: var(--ad-banner-height);
  overflow: hidden;
  background: #cae9fd;
  color: #0923a7;
  text-align: center;
}

.ad-banner__label {
  padding: 16px;
  font-size: 18px;
  font-weight: 900;
  line-height: 21.6px;
}

.ad-banner__content > iframe,
.ad-banner__content > img {
  display: block;
  max-width: 100%;
  border: 0;
}

.ad-banner--360x300 {
  --ad-banner-width: 360px;
  --ad-banner-height: 300px;
}

.ad-banner--300x100 {
  --ad-banner-width: 300px;
  --ad-banner-height: 100px;
}

.ad-banner--300x250 {
  --ad-banner-width: 300px;
  --ad-banner-height: 250px;
}

.ad-banner--300x600 {
  --ad-banner-width: 300px;
  --ad-banner-height: 600px;
}

.ad-banner--750x300 {
  --ad-banner-width: 750px;
  --ad-banner-height: 300px;
}

.ad-banner--750x200 {
  --ad-banner-width: 750px;
  --ad-banner-height: 200px;
}

.ad-banner--950x200 {
  --ad-banner-width: 950px;
  --ad-banner-height: 200px;
}

.ad-banner--728x90 {
  --ad-banner-width: 728px;
  --ad-banner-height: 90px;
}

@media(max-width:992px){
  .ad-banner{
    margin: 48px auto;
  }
}