/* -- The root styles must go in the element of the structure with the name "Menu". --*/
/* The styles are applying to the last menu item and giving it the button styles, you can change the background color value to the one you want instead of "var(--neutral)". */
.default-header__menu {
/* Selecting only the children of "bricks-nav-menu". */
.bricks-nav-menu > .menu-item {
/* The styles will apply only to the child of the last element with the class "menu-item". */
&:last-child a {
background-color: var(--neutral);
color: var(--white);
padding: var(--space-xs) var(--space-m);
border-radius: var(--btn-radius);
/* Button hover style */
&:hover {
background-color: var(--neutral-trans-90);
color: var(--white);
}
}
}
}
Amazing Default Tagline
Whether you're solving problems for users, launching something new, or improving what already works—I can help you build products that are smarter, faster, and more enjoyable to use.