.why-list > div {
  grid-template-columns: 64px 1fr 20px;
  gap: 20px;
  transition: transform .22s ease;
}

.why-list > div:hover {
  transform: translateX(7px);
}

.why-list .quality-list-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: var(--lime);
  box-shadow: 0 10px 25px rgba(167, 199, 0, .22);
}

.why-list .quality-list-icon svg {
  width: 30px;
  height: 30px;
  fill: none;
  stroke: var(--ink);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.why-list .quality-arrow {
  color: var(--ink);
  font-size: 21px;
  font-weight: 400;
}

@media (max-width: 680px) {
  .why-list > div {
    grid-template-columns: 56px 1fr 18px;
    gap: 15px;
  }

  .why-list .quality-list-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
  }
}