GeneratePress Navigation Buttons

gp-nav-buttons.css

/* first button */

.main-navigation:not(.slideout-navigation) .main-nav li.first-button a {
  background-color: rgba(178,139,178,1.0);
  color: #ffffff;
  border: 0;
  line-height: 40px;
  padding: 0px 24px;
  border-radius: 50px;
  margin-left: 20px;
  transition: all 0.5s ease 0s;
}

.main-navigation:not(.slideout-navigation) .main-nav li.first-button a:hover {
  background-color: rgba(178,139,178,0.8);
  color: #ffffff;
  transition: all 0.5s ease 0s;
}

/* second button */

.main-navigation:not(.slideout-navigation) .main-nav li.second-button a {
  background-color: rgba(132,140,183,1.0);
  color: #ffffff;
  border: 0;
  line-height: 40px;
  padding: 0px 24px;
  border-radius: 50px;
  margin-left: 30px;
  transition: all 0.5s ease 0s;
}

.main-navigation:not(.slideout-navigation) .main-nav li.second-button a:hover {
  background-color: rgba(132,140,183,0.8);
  color: #ffffff;
  transition: all 0.5s ease 0s;
}