.scroll-buttons {
      position: fixed;
      right: 20px;
      bottom: 20px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      z-index: 999;
    }

    .scroll-buttons button {
      background: #333;
      color: #fff;
      border: none;
      padding: 12px;
      border-radius: 50%;
      cursor: pointer;
      font-size: 18px;
      transition: background 0.3s ease;
    }

    .scroll-buttons button:hover {
      background: #555;
    }

    /* Responsive adjustments */
    @media (max-width: 600px) {
      .scroll-buttons {
        right: 10px;
        bottom: 10px;
      }

      .scroll-buttons button {
        padding: 10px;
        font-size: 16px;
      }
    }