#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;

  #scroller-top {
    @apply bg-primary 
    w-16 
    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;
  }
}