@charset "utf-8";

.c-prod-callout { background-color: var(--surface-callout); border-radius: 0.25rem; display: grid; gap: 0.125rem; margin-block: -0.25rem; padding: 1rem; position: relative; }

.c-prod-callout:has(.c-prod-callout__image) { padding-right: 6.5rem; }

.c-prod-callout__title { font-size: 0.875rem; font-weight: 700; line-height: 1.1; }

.c-prod-callout__description { font-size: 0.875rem; }

.c-prod-callout__image { position: absolute; right: -0.75rem; top: -1.65rem; width: 7rem; }

@media only screen and (min-width: 48em) {
  .c-prod-callout__title { font-size: 1rem; }
}

@media only screen and (min-width: 80em) {
  .c-prod-callout__title { font-size: 1rem; }
  .c-prod-callout__image { width: 8rem; }
}