@mixin widget_nav_menu() {
  @include widget_links_list;
}

.widget_nav_menu {
  ul {
    display: block;

    li {
      font-size: rem-calc(12);
      font-weight: 500;
      margin: rem-calc(8) 0;
      text-transform: uppercase;

      a {
        display: inline-block;
        position: relative;
        padding: 5px 0;

        &:before {
          content: '';
          position: absolute;
          left: 0;
          bottom: 0;
          width: 100%;
          height: 1px;
          transform: scaleX(0);
          transform-origin: right;
          transition: transform 0.2s ease-out;
        }

        &:hover {
          padding-left: 0 !important;
          &:before {
            height: 1px;
            background-color: v(site-main-menu-accent-color);
            transform: scaleX(1);
            transform-origin: left;
          }
        }
      }
    }
  }
}
