@media all {
  .ce-iconlist {
    display: flex;
    flex-direction: column;
    gap: var(--gap-4);
  }
  
  .ce-iconlist-item {
    display: flex;
    align-items: flex-start;
    gap: var(--gap-2);
  }
  
  .ce-iconlist-icons {
    width: var(--gap-5);
    height: width: var(--gap-5);
    padding: var(--gap);
    border-radius: 50%;
    background-color: var(--color-primary);
    color: var(--color-text-light);
    fill: currentColor;
  }
  
  .ce-iconlist :is(.ce-iconlist-icon , i) {
    width: var(--gap-3);
    height: var(--gap-3);
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 0;
    font-size: var(--gap-4);
  }
  
  .ce-iconlist .ce-header + .ce-bodytext {
    margin-top: var(--gap);
  }
}