<button class="test">
  Hello World
</button>
.test{
  padding: 16px;
  color: white;
  background-color: blue;
  border: unset;
  border-radius: 8px;
  cursor: pointer;
  
  &:hover,
  &:active{
    background-color: green;
  }
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.