.expertise {
  display: flex;
  flex-direction: column;
  color: #3e3c47;

  @include min(tablet) {
    flex-direction: row;
    align-items: baseline;
  }

  > span {
    margin-bottom: 1.6rem;
    line-height: 2.2rem;
    font-size: 1.4rem;
    font-weight: 600;

    @include min(tablet) {
      margin-right: 0.8rem;
      margin-bottom: 0;
      white-space: nowrap;
    }
  }

  > ul {
    display: flex;
    flex-wrap: wrap;

    > li {
      margin-right: 0.8rem;
      margin-bottom: 0.8rem;
      padding: 0.2rem 0.8rem;
      line-height: 2rem;
      font-size: 1.2rem;
      font-weight: 500;
      border: 1px solid #e9e9e9;
      border-radius: 10rem;
      background-color: #f6f6f6;

      > img {
        margin-right: 0.75rem;
      }
    }
  }
}
