.tags {
    width: 180px;
    margin-left: 8px;

  &__navigation {
        .nomargin;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
        justify-content: flex-start;
        width: 184px;
    list-style: none;
  }
  &__item {
        flex-basis: 40px;
        margin-right: 10px;
        font-size: 0;
  }
  &__link {
        .font(9px, 15px, #1e7465, 600);
        .gradient(@from: #f9f8f8, @to: #e6e5e4);
        display: inline-block;
        vertical-align: middle;
        max-width: 55px;
        position: relative;
        padding: 1px 0;
        padding-left: 7px;
        padding-right: 10px;
        text-decoration: none;
        text-transform: uppercase;
        border: 1px solid #d5d5d5;
        border-radius: 5px;

        &::before {
            content: '';
            position: absolute;
            width: 9px;
            height: 18px;
            top: -1px;
            left: -6px;
            background-image: url(../img/arrow.png);
            background-repeat: no-repeat;
            background-position: 100% 100%;
        }
  }
}