/* Homepage one-time scroll-down arrow */
#home-scroll-arrow {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: 22px;
  z-index: 80;
  display: flex;
  align-items: center;
  justify-content: center;
}

#home-scroll-arrow .sa-btn {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(16,24,40,0.98), rgba(20,29,55,0.98));
  display: inline-grid;
  place-items: center;
  box-shadow: 0 12px 30px rgba(2,6,23,0.38);
  border: none;
  cursor: pointer;
  transition: transform 220ms ease, opacity 180ms ease;
}

#home-scroll-arrow .sa-icon svg {
  display: block;
  transform: translateY(0);
  transition: transform 280ms cubic-bezier(.2,.9,.2,1);
}

#home-scroll-arrow.show .sa-icon svg { transform: translateY(6px); }

/* Only show on mobile devices */
@media (min-width: 769px) {
  #home-scroll-arrow { display: none; }
}

@media (max-width: 420px) {
  #home-scroll-arrow { bottom: 14px; }
  #home-scroll-arrow .sa-btn { width: 52px; height: 52px; border-radius: 12px; }
}
