.scroll-down

+desktop
  position: absolute
  left: 50%
  bottom: 0
  margin-left: -40px
  border-style: dashed
  border-width: 1px 1px 0 1px
  border-color: white
  display: block
  width: 80px
  height: 30px
  border-radius: 5px 5px 0 0
  cursor: pointer
  transition: all 0.025s linear

  &:before
    content: ''
    position: absolute
    top: 10px
    left: 50%
    margin-left: -10px
    width: 0
    height: 0
    border-style: solid
    border-width: 10px 10px 0 10px
    border-color: white transparent transparent transparent

  &:hover
    background: rgba(255, 255, 255, 0.1)

  &.dark-style
    border-color: $gray-300

    &:before
      border-top-color: $gray-300

    &:hover
      background: inherit
      border-color: darken($gray-300, 5%)

      &:before
        border-top-color: darken($gray-300, 5%)

+phone
  display: none