.g5shop__switch-layout {
  font-size: 32px;
  @include d-flex();
  a {
    @include d-flex();
    @include align-items-center();
    color: #ababab;
    &.active,
    &:hover,
    &:focus,
    &:active {
      color: var(--g5-color-heading);
    }
    + a {
      margin-left: 12px;
    }

    i {
      &:before {
        font-family: var(--g5-font-icon-primary);
      }
      font-weight: 400;
    }

  }

  [data-layout="grid"] i:before {
    content: '\f19e';
  }

  [data-layout="list"] i:before {
    content: '\f0cb';
  }
}