Как убрать нижнее пространство кнопки?

Пожалуйста, добавьте этот CSS:

.section.payments .payment-card {
    padding-bottom: 60px;
}
section.payments a.btn {
    position: absolute;
    bottom: 0;
    left:0;
    right: 0;
}

Попробуйте, может это поможет вам

<style>
section.payments .payment-card .services p.content {
min-height: 158px;
}
</style>

section.payments .payment-card .services p.content{    min-height: 156px;}

добавьте это «min-height: 156px;» выше класса

Чтобы убрать пробел под кнопками. Пожалуйста, используйте приведенный ниже код:

section.payments .payment-card {
    padding-bottom: 60px;
}
section.payments a.btn {
    position: absolute;
    bottom: 0;
    left: 0;
}

Вы можете сделать то же самое, просто добавив в свой код ниже css: -

section.payments .payment-card {

display: flex;
flex-direction: column;
width: 100%;

}

section.payments a.btn {

align-self: flex-end;
margin-top: auto;

}

** Скриншот:-** введите описание изображения здесь

Лучший способ сделать это - использовать абсолютное положение для кнопки, она будет работать для вас в любых условиях на каждом экране, как некоторые из пользователей ответили выше. используйте это позиционное решение. Вы также можете использовать гибкие решения, но у вас возникнут проблемы с совместимостью с браузером.