.floating-actions {
  position: fixed;
  right: 30px;
  bottom: 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  z-index: 1000;
}

.floating-actions .back-to-top {
  position: relative !important;
  right: auto !important;
  bottom: auto !important;
}

@media (max-width: 480px) {
  .floating-actions {
    right: 20px !important;
    bottom: 20px !important;
    gap: 10px !important;
  }
}