.planet {
    /* existing styles */
    position: relative; /* Needed for positioning the info div */
}

.planet:hover, .planet:active {
    box-shadow: 0 0 8px 3px white; /* Drop shadow effect */
    border-radius: 50%;
    border: 1px solid white;
    opacity: 0.6;
}

.info {
    position: absolute;
    top: 100%; /* Position below the planet */
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap; /* Keep the text on one line */
    color: #fc7401 !important; /* Text color */
}