ボタンのhtmlとscssです。
index.html
<div id="container">
<button class="btn">Button</button>
</div>
style.scss
$cWhite: white;
$cBlack: black;
#container {
text-align: center;
}
.btn {
background-color: $cWhite;
color: $cBlack;
border: 1px solid $cBlack;
padding: 10px 40px;
margin: 50px 0;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
&:hover {
background-color: $cBlack;
color: $cWhite;
}
}