.container
  .box.gplus
    i.fa.fa-google-plus
 // .box.fb
 //   i.fa.fa-facebook
 // .box.gh
 //   i.fa.fa-github
View Compiled
size(n)
  height n
  width n
  
.container
  display flex
  justify-content center
  align-items center
  align-content center
  height 100vh
  .box
    size(100px)
    box-shadow 10px 10px 0px 0px alpha(blue, 20%),
    20px 20px 0 0 alpha(green, 20%),
    30px 30px 0 0 alpha(purple, 20%)
    transition all 1s ease
    text-align center
    font-size 3em
    color white
    line-height 100px
    position relative
    &:hover
      box-shadow 0 0 0 0 red
    
.fb
  background-color blue
  right 100px
  z-index 0
  &:hover
    z-index 1
  
.gplus
  background red
  z-index 1
  right 15px
  bottom 15px
  &:hover
    z-index 1
.gh
  background black
  right 180px
  top 20px
  z-index -1
  &:hover
   z-index 2
    
    

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.