.footer {
  display flex
  flex-direction column
  align-items center
  justify-content center
  padding 1rem 0
  color var(--text-color-4)
  font-size 1rem

  a {
    color var(--text-color-4)

    &:hover {
      color var(--primary-color)
    }

    &.no-pointer {
      pointer-events none
    }
  }


  .info-item {
    position relative
    display flex
    flex-wrap wrap
    align-items center
    justify-content center
    box-sizing border-box
    margin 0.2rem 0
    color var(--text-color-4)

    &.count-info {
      display flex

      .count-item {
        &.uv
        &.pv {
          display none
        }
      }
    }


    &.deploy-info {

      display flex

      a
      .tooltip {
        display flex
        align-items center
      }

      img {
        height 1.08rem
        margin 0 0.4rem
      }
    }


    &.count-info
    &.record-info {

      .count-item
      .record-item {
        margin-right 15px

        &::before {
          position absolute
          top 50%
          left -10px
          box-sizing border-box
          transform translateY(-56%)
          content '|'
        }


        &:first-child {
          &::before {
            display none
          }
        }


        &:last-child {
          margin-right 0
        }


        .item-type {
          margin-right 4px
        }
      }
    }
  }


  .icon-animate {
    animation heartbeat-animate 1.2s ease-in-out infinite
  }
}