Solved CSS help please

Hi all, needing some help from the CSS experts on here.

The site in issue is https://translocal.com.au/

I have been using the Divi standard header on this site and wanted to add a "get a quote" button to the menu. Pop over to the site and you will see the menu with the "get a quote" button added. I achieved the button using the following CSS added to Custom CSS in the Divi settings.

.menu_cta {
background-color: #ffd300;
color: #000;
padding: 0 !important;
border-radius: 40px;
}
.menu_cta a {
color: #000 !important;
padding: 15px 15px 15px 15px !important;
}

Plus adding the custom class to the menu item.

As you can see there might be a small issue with vertical alignment of the whole menu and button but at least the menu text and the text in the button line up.

Recently I decided to create a new header using the theme builder and wanted to keep the same menu with the same "get a quote" button. Reason being, I like having the "get a quote" button in the expanding menu on smaller screen sizes rather than using a seperate button module.

Problem is, when I add this menu to the theme builder the menu text alignes with the top of the button and not with the text in the button. I've tried some vertical alignment tricks in the row or column settings to no avail.

Thanks in advance.

 

It worked. Thank you.