How to reduce size of buttons in mdbootstrap?

I want to reduce default size of button but only the font size reduces. I want to reduce font size and button size in proportion.

I tried to reduce font button then the size was not in proportion to font.

Reference link: https://mdbootstrap.com/components/buttons/

Code:

HTML:

<div class="standings">
    <div class="standingstitle">
        <h4>Teams Standings</h4>
        <button type="button" class="btn btn-danger">See all stats</button> 
    </div>
</div>

CSS:

.btn-danger{
    font-size: 6px;
    width: 25px;
    height: 30px;
}

Screenshot: (default size of button):

After trying above code gave me: