.nucleus-icon-list {
  display: grid;
  grid-template-columns: 4rem 1fr;
  gap: 1rem;
}

.nucleus-icon-list.has-icon svg {
  padding: 1rem;
  border-radius: 1rem;
}

.primary-layout > div:has(.nucleus-icon-list + .nucleus-icon-list) {
  display: grid;
  gap: 2rem;
}

@media (width >= 768px) {
  .primary-layout > div:has(.nucleus-icon-list + .nucleus-icon-list) {
    grid-template-columns: 1fr 1fr;
  }
}

.nucleus-icon-list .icon-list__title {
  font-size: 1.125rem;
  font-weight: bold;
}