scss buttons with placeholder

//*******************scss***********************
%button {
    border-radius: 4px;
    border: 4px solid black;
}

@mixin button($name, $background-color) {
    .#{$name}-button {
        background-color: $background-color;
        @extend %button;
    }
}

@include button('search', blue);
@include button('cancel', red);
//*********************************css out********************************
.search-button, .cancel-button {
  border-radius: 4px;
  border: 4px solid black;
}

.search-button {
  background-color: blue;
}

.cancel-button {
  background-color: red;
}