.ai-content-label {
  position: absolute;
  z-index: 12;
  display: block;
  width: 68px;
  height: 68px;
  pointer-events: none;
}

.ai-content-label__icon {
  display: block;
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 3px 8px rgba(0, 0, 0, .45));
}

.ai-content-label--top-right {
  top: 14px;
  right: 14px;
}

.ai-content-label--hero {
  top: 82px;
  right: 14px;
}

.ai-content-label--bottom-right {
  right: 14px;
  bottom: 14px;
}

.ai-content-label--section {
  top: 16px;
  right: 16px;
}

.ai-content-label--compact {
  width: 52px;
  height: 52px;
}

@media (max-width: 520px) {
  .ai-content-label {
    width: 56px;
    height: 56px;
  }

  .ai-content-label--top-right,
  .ai-content-label--section {
    top: 8px;
    right: 8px;
  }

  .ai-content-label--hero {
    top: 70px;
    right: 8px;
  }

  .ai-content-label--bottom-right {
    right: 8px;
    bottom: 8px;
  }

  .ai-content-label--compact {
    width: 48px;
    height: 48px;
  }
}