.card-link {
    text-decoration: none; /* Remove underline from links */
    color: inherit; /* Inherit text color from the card */
    transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s; /* Smooth transition for hover effects */
    border: 2px solid transparent; /* Initial border */
    border-radius: 0.5rem; /* Rounded corners */
    cursor: pointer; /* Change cursor to pointer */
}

    .card-link:hover {
        transform: scale(1.05); /* Slightly enlarge the card */
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Add shadow on hover */
        background-color: rgba(0, 123, 255, 0.1); /* Light background color on hover */
        border: 2px solid rgba(0, 123, 255, 0.5); /* Change border color on hover */
    }