/*========================================*/
/*----------- [_Social_List] -------------*/
/*========================================*/
.social-list {
  li {
    display: inline;
    margin-right: 5px;
    z-index: 1;
    position: relative;
    a {
      background: #323c5b;
      height: 42px;
      width: 42px;
      display: inline-block;
      color: #fff;
      text-align: center;
      border-radius: 50%;
      line-height: 42px;
      font-size: 16px;
      &:hover {
        background: var(--webex-primary-color);
      }
    }
  }
  &.list-primary-color {
    li {
      a {
        background: var(--webex-primary-color);
        &:hover {
          background: var(--webex-primary-color2);
        }
      }
    }
  }
  &.list-flat {
    li {
      a {
        border-radius: 0;
      }
    }
  }
  &.list-lg {
    li {
      a {
        height: 48px;
        width: 48px;
        font-size: 18px;
        line-height: 48px;
      }
    }
  }
  &.list-sm {
    li {
      margin-right: 5px;
      height: 34px;
      width: 34px;
      font-size: 14px;
      line-height: 34px;
      a {
        height: 34px;
        width: 34px;
        font-size: 14px;
        line-height: 34px;
      }
    }
  }
}