.wds-prompt {
  border-radius: var(--Prompt-border-radius, var(--radius-small));
  display: flex;
  gap: var(--Prompt-gap, var(--size-16));
  overflow-wrap: break-word;
  padding: var(--Prompt-padding, var(--padding-x-small));
  text-align: left;
  word-break: break-word;
  width: 100%;

  &__content-wrapper {
    display: grid;
    gap: var(--Prompt-gap, var(--size-16));
    grid-template-columns: auto 1fr;
    width: 100%;

    &--with-dismiss {
      grid-template-columns: auto 1fr auto;
    }
  }

  &__media-wrapper {
    align-self: flex-start;
    padding-top: calc(var(--size-4) - 1px);

    .tw-icon-tags,
    .tw-icon-confetti {
      color: var(--color-sentiment-content-primary);
    }
  }

  &__actions-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--Prompt-actions-gap, var(--size-8));
    grid-column-start: 2;
    grid-column-end: 3;

    @media (--screen-sm-max) {
      grid-column: span 2;
      width: 100%;

      .wds-prompt__content-wrapper--with-dismiss & {
        grid-column: span 3;
      }
    }
  }
}
