button click
View Compiled
@import 'nib'

body
  margin 0
  background dodgerblue
  height 100vh
  display flex
  justify-content center
  align-items center
  
button
  background-color white
  border 0
  outline @border
  padding 1.5rem 2rem
  font-size 4rem
  font-family monospace
  box-shadow 0px 5px 10px rgba(darken(dodgerblue, 40%))
  transition all .3s
  cursor pointer
  border-radius 5px
  border-bottom 4px solid lighten(gray, 70%)
  &:hover
    box-shadow 0px 15px 25px -5px rgba(darken(dodgerblue, 40%))
    transform scale(1.03)
  &:active
    box-shadow 0px 4px 8px rgba(darken(dodgerblue, 30%))
    transform scale(.98)
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.