.hy-menu-mobile-breadcrumb {
  align-items: center;
  background-color: transparent;
  border: 0 none;
  cursor: pointer;
  display: flex;
  margin: 0 0 24px 16px;
  padding: 0;

  @include breakpoint($narrow) {
    margin: 0 0 24px 28px;
  }

  &:focus {
    outline: solid 2px var(--additional-yellow);
    outline-offset: 2px;
  }

  svg {
    fill: var(--brand-main-light);
  }

  &__label {
    @include font-size(16px, 20px);
    @include font-weight($regular);
    align-items: center;
    color: var(--brand-main-light);
    display: flex;
    letter-spacing: -0.5px;
    margin-left: 6px;
    text-align: left;

    &__slash {
      padding-left: 5px;
    }
  }
}