@keyframes rotate-earth {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.animate-rotate-earth {
    animation: rotate-earth 15s linear infinite;
    border-radius: 50%; /* Ensures the image looks circular if not already */
}

.link-button {
    display: block;
    padding: 12px;
    background: rgba(255, 255, 255, 0.2);
    color: #f1c40f;
    font-weight: 600;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.3s ease;
    text-align: center;
}

.link-button:hover {
    background: rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
    text-decoration: underline;
}

@media (max-width: 640px) {
    .link-button {
        font-size: 0.9rem;
    }
}