+@use 'sass:math';
+@use '_variables' as *;
+@use '_mixins' as *;
+
+$menu-link-icon-size: 22px;
+$menu-link-icon-margin-right: 18px;
+$footer-links-base-opacity: .8;
+
+.menu-link {
+ @include disable-default-a-behaviour;
+ @include padding-left($menu-lateral-padding);
+ @include padding-right(20px);
+
+ display: flex;
+ align-items: center;
+
+ color: pvar(--menuForegroundColor);
+ cursor: pointer;
+ font-size: 16px;
+ white-space: normal;
+ word-break: break-word;
+ transition: background-color .1s ease-in-out;
+ line-height: $line-height-normal;
+
+ &.active {
+ background-color: rgba(255, 255, 255, 0.15);
+ }
+
+ &:hover,
+ &.focus-visible {
+ background-color: rgba(255, 255, 255, 0.1);
+ }
+
+ my-global-icon {
+ @include apply-svg-color(#808080);
+ @include margin-right($menu-link-icon-margin-right);
+
+ display: flex;
+ width: $menu-link-icon-size;
+ height: $menu-link-icon-size;
+ }
+}