.status-container {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.in-stock-icon,
.out-stock-icon,
.back-order-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
}

.in-stock-icon svg,
.out-stock-icon svg,
.back-order-icon svg {
  height: 1.5rem;
  width: auto;
}
.in-stock-icon {
  fill: var(--e-global-color-primary);
  color: var(--e-global-color-primary);
}
.out-stock-icon ,.back-order-icon {
  fill: var(--e-global-color-accent);
  color: var(--e-global-color-accent);
}