I want to create a button circle link with text inside it but I have problem centering the text inside the circle button. The line height is too large. Any suggestion to this problem?

Here's the code: <https://jsfiddle.net/hma443rL/>

```css
.btn-donate {
  background: #97c83e;
  text-align: center;
  width: 149px;
  height: 148px;
  border-radius: 100%;
  display: inline-block;
  font-size: 35px;
  line-height: 2.3;
  vertical-align:middle;
  color: white;
  font-weight: bold;
  text-decoration: none
}
```

```html
<a href="" class="btn btn-donate">
  Donate <span>Us</span>
</a>
```

I'm trying to create a button like this

[![enter image description here](https://i.stack.imgur.com/dUoyX.png)](https://i.stack.imgur.com/dUoyX.png)