.browse-list {
  margin-bottom: $gutter-half;

  .browse-sub-list {
    margin-top: $gutter-half;
    margin-left: $gutter;
    @include media('desktop') {
      margin-left: $gutter * 2;
    }
  }

  &-item,
  &-sub-item {
    @include bold-24;
    list-style: none;
    margin-bottom: $gutter-half;
  }

  &-link {
    @include govuk-font(24, $weight: bold);
  }

  &-hint {
    @include core-19;
    margin: 5px 0 10px 0;
    color: $secondary-text-colour;
  }
}