@charset "UTF-8";
.subNav__wrapper {
  flex-direction: column; }

.subNav__item {
  display: flex;
  align-items: center;
  color: #fff;
  font-size: var(--fontSize--lm);
  text-decoration: none;
  border: 1px solid #fff;
  padding: var(--fontSize--xl);
  position: relative; }
  .subNav__item:after {
    position: absolute;
    right: var(--fontSize--xl);
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s all;
    content: "";
    display: inline-block;
    width: 1.2rem;
    height: 1rem;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjk5OTkgNS4wMDA2NkwxIDUuMDAwNjYiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTYuOTY2OCAwLjk4NDA0M0wxMS4wMDAxIDQuOTk5OUw2Ljk2NjggOS4wMTY2MCIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
    background-size: cover;
    /* lub 'contain' w zależności od potrzeb */ }
  @media (min-width: 992px) {
    .subNav__item {
      transition: 0.3s all; }
      .subNav__item:hover {
        background: #201c98;
        border-color: #201c98; } }
  .subNav__item__img {
    margin-right: 1rem;
    display: flex; }
  .subNav__item__text {
    flex: calc(100% - 4rem); }