Fix the following style-lint errors and warnings for `app/assets/stylesheets/framework/buttons.scss`
## Problem
Fix the following style-lint errors and warnings for `app/assets/stylesheets/framework/buttons.scss`
```
```
## What to do
1. If possible, replace the CSS class with a utility one, check [common.scss](https://gitlab.com/gitlab-org/gitlab-ce/blob/master/app/assets/stylesheets/framework/common.scss) and https://getbootstrap.com/docs/4.4/utilities/ for existing ones
1. Double check if all the warning have been fixed by running `yarn run stylelint-file app/assets/stylesheets/framework/buttons.scss`
1. In the MR, add screenshots of the affected areas before and after the changes, check the [first MR](https://gitlab.com/gitlab-org/gitlab-foss/-/merge_requests/26768) as a guideline
1. If there are a lot of changes, we recommend to break them into smaller MRs
1. Double check the usage of each changed class both in CE and EE
1. EE changes should either be backported into CE or moved into `ee/` folder. You can read more about how to handle EE code [here](https://docs.gitlab.com/ee/development/ee_features.html)
1. Label the MR with ~"CSS cleanup"
issue