.wds-info-prompt {
  --Prompt-border-radius: var(--radius-medium);
  --Prompt-gap: var(--size-8);
  --Prompt-padding: var(--size-12);
}
.wds-info-prompt__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: calc(48px * 10);
  max-width: calc(var(--size-48) * 10);
}
.wds-info-prompt__content:has(.wds-info-prompt__title) {
  justify-content: flex-start;
  /* Top align when title exists */
}
.wds-info-prompt__title,
.wds-info-prompt__description {
  display: block;
}
.wds-info-prompt__action {
  align-self: flex-start;
  margin-top: var(--Prompt-gap);
}
.wds-info-prompt__media svg {
  width: 24px;
  width: var(--size-24);
  height: 24px;
  height: var(--size-24);
}
.wds-info-prompt .wds-prompt__media-wrapper {
  padding: 0;
}
@media (max-width: 320px) {
  .wds-info-prompt .wds-prompt__media-wrapper {
    padding-top: 4px;
    padding-top: var(--size-4);
  }
}
@media (max-width: 320px) {
  .wds-info-prompt .wds-prompt__media-wrapper:has(.wds-info-prompt__media > .tw-icon) {
    padding-top: 8px;
    padding-top: var(--size-8);
  }
}
@media (max-width: 320px) {
  .wds-info-prompt .wds-prompt__media-wrapper:has(+ .wds-info-prompt__content .wds-info-prompt__title:first-child) {
    padding-top: 8px;
    padding-top: var(--size-8);
  }
}
@media (max-width: 320px) {
  .wds-info-prompt .wds-prompt__media-wrapper:has(+ .wds-info-prompt__content .wds-info-prompt__title:first-child):has(.wds-info-prompt__media > .tw-icon) {
    padding-top: 12px;
    padding-top: var(--size-12);
  }
}
