Как правильно сделать этот элемент?

.hover-nav{
width: 80px;
height: 30px;
display: flex;
justify-content: center;
}
.hover-nav a{
text-align:center;
displey:block;
width: 100%;
height: 100%;

}
.hover-nav a:hover {
background-color: #643a79;
border-radius: 3px;
text-align: center;
}

сделай вот такой код и будет всё понятно сам розберёшься