Home button loses "class" when a page is clicked. Css style affected

Hi,

I am using the Graphy theme. I worked a lot to make the navigation-panel menu items into buttons, but I have a problem with the “home” button. The code I added into the style.css is this:

.current_page_item {
-webkit-border-radius: 20;
-moz-border-radius: 20;
border-radius: 20px;
-webkit-box-shadow: 1px 1px 3px #000000;
-moz-box-shadow: 1px 1px 3px #000000;
box-shadow: 1px 1px 3px #000000;
font-family: Georgia;
color: #254a1c;
font-size: 20px;
padding: 1px 10px 1px 10px;
background: #ffffff;
text-decoration: none;
border: solid #ffffff 1px;
margin: 7px;
}
.current_page_item:hover {
border: solid #000000 1px;
}

It appears just fine on the main page, but once you click a different page, the style is forgotten. Using the “inspect” thingy in chrome, I noticed that on the “homepage” it has a “class”, while if a button is pressed it is just a link, and has no class.

The website is

https://www.integra.care

Please advise.