【SCSS/CSS🔰】ボタンの作り方

ホームページ制作にあたり、自分自身が躓いたポイントをメモとして残しています。
SCSSでの記述です。

ボタンを作るコード

【HTML】      
<div class="c-button c-button--arrow">
   <a href="#">ボタン</a>
</div>

【SCSS】
.c-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: black;
  font-size: 16px;
  font-weight: bold;
  color: white;
  line-height: 1;
  text-decoration: none;
  padding:10px 20px;
  border-radius:10px;
}