.actionCard {
  --borderRadius: var(--borderRadius--none);
  --gap: 24px;

  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: var(--gap);

  padding: var(--padding--xl);

  background-color: rgb(var(--background--neutral-low-default--light));
  border-radius: var(--borderRadius);

  .typography {
    margin-bottom: 0;
  }
}

.actionCard__header {
  --gap: 8px;

  display: flex;
  flex-direction: column;
  gap: var(--gap);
  align-content: stretch;
  justify-content: space-between;
}

.actionCard__tags {
  display: flex;
  flex-wrap: wrap-reverse;
  gap: var(--gap);
  align-self: flex-end;
  justify-content: flex-end;

  min-height: 22px;
}

.actionCard__title {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  min-height: 32px; // TODO: https://shoptet.atlassian.net/browse/FRONTEND-2394

  // Override element level global styles
  img {
    max-height: 32px;
  }
}

.actionCard__content {
  flex: 1 1 0px;
}

.actionCard__buttons {
  --gap: 12px;

  display: flex;
  flex-wrap: wrap-reverse;
  gap: var(--gap);
  justify-content: flex-start;
}

@media @screen-sm {
  .actionCard--responsive {
    .actionCard__tags {
      align-self: flex-start;
    }

    .actionCard__header:has(.actionCard__tags) {
      flex-direction: row-reverse;
    }
  }
}