.card {
    border-radius: 10px;
    /*background-color: #f5f5f5;*/
    text-transform: uppercase;
    position: relative;
}

/*.card__inner {
    padding: 2rem;
}*/

.card__title  {
    margin: 1rem 0 1rem;
    font-size: 1.6rem;
    text-align: center;

}

.card .category {
    text-align: center;

}

.card__overlay {
    
    background: rgba(82, 15, 6, 0.633) ;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    display: none;
}

.card__overlay a {
    display: none;
    font-size: 4.5rem;
    color: #FFF;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}


.card:hover .card__overlay {
    display: block;

}

.card__image {
    border-radius: 10px;
    box-shadow: 0 0 7px rgba(255, 255, 255, 0.89);
}