@media screen and (max-width: 699px) {
  .product-card__figure .badge-list:has(.badge--coming-soon) {
    inset-block-start: 0;
    inset-inline-start: auto;
    inset-block-end: auto;
    inset-inline-end: 0;
    transform: none;
    align-items: flex-end;
  }

  .product-card__figure .badge--coming-soon {
    opacity: 0.68;
  }
}