.card {
    background: white;
    border: 1px solid #e0e0e0;
    /*height: 40vh;*/
    /*min-height: 20rlh;*/
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    text-decoration: none;
    gap: max(2%, var(--spacing-xs));
}

.card:hover {
    color: var(--theme-primary);
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    transform: translateY(-4px);
}