/* Standard stil för pilknappen */
.scroll-to-top-btn {
  position: fixed;
  bottom: 20px;       /* 20px från botten */
  right: 20px;        /* 20px från höger */
  background-color: #007bff; /* Bakgrundsfärg för knappen */
  color: white;       /* Textfärg */
  font-size: 24px;    /* Storlek på pilen */
  padding: 10px 15px; /* Padding runt pilen */
  border-radius: 50%; /* Rund form */
  display: none;      /* Döljer knappen initialt */
  cursor: pointer;    /* Pekar att den är klickbar */
  text-align: center; /* Textcentrering (om man använder text istället för pilen) */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Lätt skugga */
  z-index: 1000;      /* Ser till att den ligger över andra element */
  transition: opacity 0.3s ease-in-out; /* Mjuk övergång när den visas/döljs */
}

/* När man hovrar på knappen */
.scroll-to-top-btn:hover {
  background-color: #0056b3; /* Mörkare blå när man hovrar */
}