Свойство padding допускает использование трёх значений, которые разделяются пробелом. Первое значение задаёт внутренний отступ от верхнего края, второе — одновременно от левого и правого краёв, а третье — от нижнего края.
button {
padding: 10px 20px 5px;
border: 1px solid #333;
}
.tabs {
border: 1px solid #a8a9a7;
}
.tabs-link {
margin: 0;
list-style: none;
display: flex;
background: #52a776;
& a {
color: #356c4c;
text-decoration: none;
display: inline-block;
padding: 10px 20px;
}
& a.active {
background: #fff;
color: #52a776;
}
}
.tabs-content {
padding: 0.5em 1em;
}