#page-scroller {
  @apply flex items-center gap-3
  fixed z-50
  bottom-4 
  right-4
  lg:right-8 
  lg:bottom-8;
  animation: fade-in 0.5s ease-out, slide-in-bottom 0.5s ease-out;
  z-index: 9999;
  #scroller-top {
    @apply bg-primary 
    h-12 
    w-12
    md:w-16 
    md:h-16
    flex items-center justify-center
    cursor-pointer 
    rounded-full;
    .arrow-icon {
      @apply h-full;
      max-height: 32%;
    }
  }

  #scroller-filter {
    @apply h-12 bg-primary text-white font-semibold tracking-wide rounded-full px-6 text-sm;
  }
}
