fonteva-design-guide/force-app/main/default/lwc/pfmMenu/pfmMenu.css

## Dev, Build and Test

.pfm-menu {
    display: flex;
}

.pfm-menu:not(.pfm-menu_vertical) {
    border-bottom: 2px solid var(--lwc-colorBorder);
}

.pfm-menu:not(.pfm-menu_vertical) a {
    color: var(--lwc-colorBrand);
    padding: 0.5rem;
    margin-bottom: -2px;
}

.pfm-menu:not(.pfm-menu_vertical) a:not(.js-selected):hover {
    cursor: pointer;
}

.pfm-menu:not(.pfm-menu_vertical) a:hover,
.pfm-menu:not(.pfm-menu_vertical) a.js-selected {
    border-bottom: 2px solid var(--lwc-colorBrand);
    text-decoration: none;
}

/* Vertical Styles */

.pfm-menu.pfm-menu_vertical {
    flex-direction: column;
}

.pfm-menu.pfm-menu_vertical a {
    padding: 0.5rem 1.5rem;
}

.pfm-menu.pfm-menu_vertical a:hover,
.pfm-menu.pfm-menu_vertical a.js-selected {
    background-color: var(--lwc-colorBrand);
    color: var(--lwc-colorTextButtonBrand);
    text-decoration: none;
}