.mealz-product-addition {
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--mealz-ds-color-neutral-100, #F7F8F9);
  gap: 8px;

  .mealz-product-addition__button {
    border-radius: 32px;
    flex-shrink: 0;
  }
}

@media (max-width: 480px) {
  .mealz-product-addition {
    margin: 0 16px;
    border-radius: 12px;
  }
}