<html>
<head>
<style>
button.knopka {
color text: #000000;
text-align: center;
background: #F0F0F0;
padding: 5px;
border-radius: 13px;
height: 31px;
width: 260px;
border: 2px solid #EF9BC7;
}
button.knopka:hover {
background: #EF9BC7;
}
</style>
</head>
<body>
<div class = "center"><button class="knopka"><b>Разное</b></button>
</body>
</html>
увидел якобы можно сделать отцентровку текста в кнопке так
<html>position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%)
Помогите разобраться в идеале планировал получить вот такую кнопку только с эффектом: