@dylanjbarth Here's the right way to do it.
```
.button--danger{
.button;
background-color: @btnDangerBackground;
 
   &:hover, &:focus {
     background-color: @btnDangerBackgroundHighlight;
   }
}
```
I really like your variables name but it would be better to keep them like I've done in the less files.
````
@btnDangerBackground
@button-danger-background

@btnDangerBackgroundHighlight
@button-danger-background-hover
````

Thank you very much.