@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap");
<a href="/" className="bn3637 bn38">Hover</a>
.bn3637 { display: inline-flex; align-items: center; justify-content: center; padding: 0.7rem 2rem; font-family: "Poppins", sans-serif; font-weight: 700; font-size: 18px; text-align: center; text-decoration: none; color: #fff; backface-visibility: hidden; border: 0.3rem solid transparent; border-radius: 3rem; } .bn38 { border-color: transparent; transition: background-color 0.3s ease-in-out; } .bn38:hover { background-color: #60605e; }