Header Right Button

Hi,

My website is: www.zsombordeak.com
I would like to edit the hover colour of the header right button.
If you hover over it, the border colour on the sides is black, while the border lines in the middle are pink. I can not change the colour of the side lines (the black ones). I want all 4 lines to be pink.

Here is the additional CSS I have now:

.header-button.right-button {
  font-size: 20px;
  color: #FFffff;
  background-color: transparent;
  border-color: #FFffff;
}

.header-button.right-button:hover {
  background-color: transparent;
border-color: #FF0043;
  color: #FFffff;
}  

Thanks in advance!

Hello, try to add this CSS code as well:

.header-button.right-button:hover::before,
.header-button.right-button:hover::after {
    background-color: #FF0043;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

Thanks Roman! Great help again!

You are always welcome! :slight_smile:

Kind Regards, Roman.