버튼 내부 좌우 여백을 동일하게 설정하는 방법

<?php if ($scrap_href) { ?>

<a href="<?php echo $scrap_href; ?>" target="_blank" class="btn_scrap" onclick="win_scrap(this.href); return false;" title="스크랩">

<span class="material-symbols-outlined keep">keep</span>스크랩<span class="sound_only">스크랩</span>

</a>

<?php } ?>

.btn_scrap {

    display: inline-flex;

    background-color: #f2f2f2;

    width: auto;

    padding: 3px 15px;

    height: auto;

    border-radius: 30px;

    align-items: center; /* 수직 중앙 정렬 */

    justify-content: center; /* 수평 중앙 정렬 */

    white-space: nowrap; /* 텍스트를 한 줄로 유지 */

}

 

.btn_scrap .keep {

    margin-right: 2px;

}