.strip {
  margin: var(--xl-gap-y) auto 0 auto;
  padding: 0 var(--xl-gap-x);
  @media (min-width: 400px) {
    width: fit-content;
  }
}

.strip__items {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 35px;
  align-items: center;
  padding: 31px var(--xl-gap-x);
  border-radius: 8px;
  background-color: var(--subtle-slate);
  @media (max-width: 399px) {
    flex-direction: column;
    align-items: flex-start;
  }
}

.strip__item {
  display: flex;
  align-items: center;
}

.strip__text {
  font: var(--common);
  color: var(--pen);
  font-weight: 600;
  padding: 0 0 0 10px;
}