CSS arrows w/borders

bordered-with-arrows.sass

.box
  background-color: #fff
  border: solid 1px #ccc
  border-radius: 8px

  &::before,
  &::after
    border: solid transparent
    content: ""
    height: 0
    left: 50%
    pointer-events: none
    position: absolute
    top: 100%

  &::after
    border-color: transparent
    border-top-color: #fff
    border-width: 40px
    margin-left: -40px

  &::before
    border-color: transparent
    border-top-color: #ccc
    border-width: 41px
    margin-left: -41px