Cara ngatur size hover

biar background HOVER ga terlalu mepet ( memperbesar ukuran background) gimana ya?

HTML:
<ul class="navigasi">
			<li><a href="" target="blank"> Beranda </a> </li>
			<li><a href="" target="blank"> Gallery </a> </li>
			<li><a href="" target="blank"> Contact </a></li>
</ul>

CSS:
.navigasi {
	border: none;
	list-style: none;
}
.navigasi li{
	float: left;
	padding: 5px 10px;

}
.navigasi li a{
	color: #ffffff;
	text-decoration:none;
}
.navigasi li a:hover {
	background: #a1a1a1;
	color: #000000;

	border-radius: 10%;
	transition: 1s;
	animation-duration: 2s;
	border: none;