button 태그 사이의 여백 없애기

이력 기능 UI를 개선하면서 사이드바 버튼을 추가했습니다.

그런데 버튼과 버튼 사이에 여백이 들어갑니다. a나 div 등의 태그를 사용할 때는 문제가 없는데 button 태그를 사용할 때 그렇습니다. button과 같은 일부 태그는 웹 브라우저가 임의의 여백을 넣는다고 합니다.

의미적으로 적합한 button 태그를 계속 사용하려면 상위 태그의 CSS에 font-size와 line-height 속성을 0으로 설정합니다.

.sidebar_buttons {
    font-size: 0;
    line-height: 0;
}

그러면 다음과 같이 여백이 없어집니다.