Превышение высоты над текстом кнопки

Question

У меня небольшая проблема с выравниванием текста моей кнопки.

Вот сама кнопка:

Имеет такие же отступы:

Но сама ссылка дает дополнительную высоту, а не 2.3rem, как я ее просил.

Вы видите, что подсвеченная ссылка дает дополнительное пространство внизу, она не центрирована.

Может, кто-то знает, как это исправить?

HTML:

<a href="#" class="btn get-started__btn">Proceed to the Brief</a> 

SCSS:

.btn{
    &,
    &:link,
    &:visited{
        color: $color-white;
        cursor: pointer;
        border: none;
        border-radius: $border-radius-medium;
        background-color: $color-candy;
        display: inline-block;
        padding: 1.5rem 5rem;
        font-size: 2.3rem;
        @include FilsonProRegular;
        text-align: center;

        text-transform: uppercase;
        transition: all .2s;
        white-space: nowrap;

        @include respond(tab-port){
            padding: 1.5rem 4rem;
        }

        @include respond(phone){
            width: 100%;
        }
    }
}

Answer 1

Как сказал @TemaniAfif, это место для потомка , которое определенным символам, таким как j p Q ç 3 и т. Д. И вы, кажется, используете собственный шрифт с довольно большими спусками.

См. объяснение на fonts.com .