 0 4px 8px rgba(0, 0, 0, 0.2);
      transition: transform 0.3s ease, opacity 0.3s ease;
    }

    #backToTop:hover {
      transform: scale(1.1);
      opacity: 0.9;
      box-shadow: rgba(0, 0, 0, 0.8);
    }

    @media (max-width: 600px) {
      #backToTop {
        padding: 12px;
        font-size: 16px;
        bottom: 20px;
        right: 20px;
      }
    }

    .modern-footer {
      width: 100vw;
      /* Full viewport width */
      margin-left: calc(-50vw + 50%);
      /* Center it if inside a 