.name{
    min-height: 1.7rem;
}

.date{
    font-size: 0.9rem;
    color: var(--gray);
    margin-bottom: 0.1rem;
}

.title{
    display: none;
}

.flag-icon {
    width: 2.5rem;
}


/* .card .bottom-btn{
    display: none;
    opacity: 0;
    transition: transform .3s ease;
    transform: translateY(10px);
}

.card .branch-info{
    transition: transform .3s ease;
    transform: translateY(0);
}

.card:hover .branch-info{
    display: none;
    transform: translateY(-10px);
}

.card:hover .bottom-btn{
    display: block;
    transform: translateY(0);
    animation: fade-in .3s ease forwards;
}

@keyframes fade-in {
    from { opacity: 0; }
    to   { opacity: 1; }
} */