.stat {
  border-radius: $border-radius;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  display: flex;

  svg {
    width: 18px;
    height: 18px;
    // color: $primary !important;
    stroke-width: 1.5;
  }
}

@each $color, $value in $theme-colors {
  .stat-#{$color} {
    background: rgba($value, 0.1);

    svg {
      color: $value;
    }
  }
}

@each $color, $value in $social-colors {
  .stat-#{$color} {
    background: rgba($value, 0.1);

    svg {
      color: $value;
    }
  }
}
