button Boo!
View Compiled
body
  display flex
  align-items center
  justify-content center
  min-height 100vh
  background #fafafa
  color #fafafa
  
button
  border 5px solid red
  background transparent
  color red
  padding 8px 16px
  font-weight bold
  font-size 3rem
  cursor pointer
  outline transparent
  transition background .25s ease, color .25s ease, box-shadow .15s ease
  box-shadow 8px 8px 0 #888
  
  &:hover
    color currentColor
    background red
    box-shadow 4px 4px 0 #888
    
  &:active
    box-shadow 0 0 0 #888

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.