@mixin cwui-social-icon-list {
  .social-icon-list {
    list-style: none;
    margin: 0 0 rem-calc(20);
  
    a {
      display: block;
    }
  
    li {
      display: inline-block;
      margin-bottom: rem-calc(15);
      margin-right: rem-calc(15);
    }
  
    li:last-child {
      margin-right: 0;
    }
  
    svg {
      vertical-align: middle;
    }
  }
  
  @supports (display: grid) {
    .social-icon-list {
      display: grid;
      grid-template-columns: repeat(auto-fill, 1.875rem);
      grid-gap: rem-calc(15);
    }
  
    .social-icon-list li {
      margin: 0;
    }
  }
}