Как сделать так, чтобы вся кнопка закрашивалась при наведении, а не только текст?

Question

[Даниил Шмыголь]

.topbar_right{
	float:right;
	text-align:right;
	padding:15px;
	border:solid 1px white;
	border-radius:30px;
	}
	.topbar_right {
	font-family:century gothic;
	font-size:15px;
	font-weight:normal;
	
	}
	.topbar_right a:hover {
		background-color:white;
		color:black;
		
	}

Answer 1

[Виктор Янышев]

.topbar_right:hover  {
....
background: #fff;
}
.topbar_right:hover a {
...
color: #000;
}

Answer 2

[Евгений]

Ваш код заменить этим

.topbar_right {
  float:right;
}
.topbar_right a {
  display: block;
  padding:15px;
  border:solid 1px white;
  border-radius:30px;
  font-family:century gothic;
  font-size:15px;
  font-weight:normal;
  }

  .topbar_right a:hover {
    background-color:white;
    color:black;
    
  }