.pre-owned-banner {
  container-type: inline-size;
  width: 100%;

  p {
    margin: 0;
    display: block;

    a {
      font-weight: 500;
    }
  }
}

.pre-owned-banner__wrapper {
  padding: var(--padding-md) var(--padding-lg);
  background: var(--color-background);
  display: flex;
  gap: var(--grid-gutter);

  @container (width < 430px) {
    flex-direction: column;
    gap: var(--padding-sm);
    font-size: var(--font-size--md);
  }
}

.pre-owned-banner__title {
  flex: 0 0 auto;
  color: var(--color-caption);
}