.scroll-down-bar
  position absolute
  width 100%
  height 6rem
  text-align center
  cursor pointer
  bottom 0

  i.iconfont
    font-size 2rem
    font-weight bold
    display inline-block
    position relative
    padding-top 2rem
    color var(--subtitle-color)
    transform translateZ(0)
    animation scroll-down 1.5s infinite

#scroll-top-button
  position fixed
  z-index 99
  background var(--board-bg-color)
  transition background-color .2s ease-in-out, bottom .3s ease
  border-radius 4px
  min-width 40px
  min-height 40px
  bottom -60px
  outline none
  display flex
  display -webkit-flex
  align-items center
  box-shadow 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)

  i
    font-size 32px
    margin auto
    color var(--sec-text-color)

  &:hover i, &:active i
    animation-name scroll-top
    animation-duration 1s
    animation-delay .1s
    animation-timing-function ease-in-out
    animation-iteration-count infinite
    animation-fill-mode forwards
    animation-direction alternate
