.3s, transform 0.2s; /* Transition effects */
    font-size: 16px; /* Consistent button text size */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Shadow for depth */
}

button:hover {
    background-color: #0056b3; /* Darker shade on hover */
    transform: scale(1.05); /* Enlarge on hover */
}

/* Responsive Styles */
@media (max-width: 600px) {
    article {
        padding: 20px; /* Less padding on smaller screens */
    }

    h2 {
        font-size: 24px; /* Smaller heading for mobile */
    }

   