.w-icon-list .icon {
  position: relative; /* Ensure the icon is the positioning context */
  z-index: 1; /* Make sure the icon appears above the pseudo-element */
}

.w-icon-list .icon:before {
  position: absolute;
  background-color: var(--beige); /* Replace with your desired circle color */
  border-radius: 50%; /* Makes it a circle */
  width: var(--space-2xl);  /* Adjust the size of the circle */
  height: var(--space-2xl); /* Adjust the size of the circle */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1; /* Positions the circle behind the icon */
}

.w-square  {
  aspect-ratio: 1/1;
}