Create a last menu item button on marquee 7.0

Hi!

I am trying to create a button on the last menu item that has a purple background with white text.

I havent been successful but I managed to create something similar using an old code I had.

.main-nav ul li:nth-child(5) {    background-color: #6954af;    padding: 15px;}

Can someone help me make it into a property button?

4 minutes ago, LighthouseBZ said:

property button

What's a property button?

Can you share your website URL?

5 minutes ago, LighthouseBZ said:

.main-nav ul li:nth-child(5) {    background-color: #6954af;    padding: 15px;}

Is this code in place on the website? What didn't work with this code?

Sorry. That was a typo. It was meant to say a proper button.

The URL is https://www.diamantebelize.com/

The code I pasted is in place. That is working but that only changed the background to make it resemble a button.

I have googled sample codes to create a button but they didnt work for me.

I am trying to create a button like in the image with purple background and white text.

This is what I am trying to do but this code didnt work on my website.

https://forum.squarespace.com/topic/196168-turning-the-last-item-on-my-navigation-menu-into-a-button-i-am-using-version-70-five-template/

Try this CSS code:

.main-nav ul li:last-child {
  padding: 13px 26px;
  color: #fff !important;
  background-color: #624a9a;
  border-color: #624a9a;
  transition:ease-in-out 300ms;
  &:hover {
    color: #fff !important;
    background-color: rgba(98, 74, 154, 0.7);
    border-color: rgba(98, 74, 154, 0.7);
}

I removed my code and added the one you sent but it didnt do anything.

Sorry, It seems it was missing a closing mark. It made it into a button. The only thing is the text wont go white.

Also is there any way to round out the edges? if not, no worries.

That worked!

Thank you so much!

2 minutes ago, LighthouseBZ said:

Thank you so much!

 

Looks great!