.supporting-menu {
  .supporting-menu__items {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;

    @media (min-width: 990px) {
      flex-direction: row;
      justify-content: space-between;
    }


    .supporting-menu__copyright {
      display: inline-flex;
      gap: 8px;
      align-items: center;
      justify-content: center;
      margin: auto;

      @media (min-width: 990px) {
        justify-content: flex-start;
        margin: 0;
      }

      a {
        font-weight: 400;
        font-size: 14px;
        line-height: 130%;
        color: var(--color-text-primary);

        img {
          width: 11px;
          height: 12px;
        }
      }

      .supporting-menu__link {
        display: inline-flex;
        align-items: center;
      }

      img {
        width: 11px;
        height: 12px;
      }
    }

    .supporting-menu__links {
      list-style: none;
      margin: 0;

      @media (min-width: 990px) {
        display: flex;
        gap: 12px;
        justify-content: center;
      }

      li {
        margin-bottom: 12px;

        @media (min-width: 990px) {
          margin-bottom: 0;
        }

        &:last-child {
          margin-bottom: 0;
        }

        a {
          font-family: var(--FONT-STACK-HEADING);
          font-weight: 500;
          font-size: 16px;
          line-height: 120%;
          text-align: center;
          color: var(--color-brand-green--secondary);
          position: relative;

          &:after {
            content: "";
            position: absolute;
            bottom: -2px;
            left: 0;
            width: 0;
            top: unset;
            height: 1px;
            background-color: var(--color-brand-green--secondary);
            transition: width 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
          }


          &:hover {
            &:after {
              width: 100%;
            }
          }
        }
      }
    }

    .supporting-menu__payment {
      ul {
        margin: auto;
        display: flex;
        gap: 12px;

        li {
          margin: 0;
          padding: 0;
        }
      }
    }
  }
}