.lmc-models {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 24px;
}

.lmc-model__card {
    display: flex;
    flex-direction: column;
    border-radius: 8px;
    box-shadow: 0 0 12px 0 rgb(0, 0, 0, 8%);
    background-color: var(--color-surface);
    transition: transform .4s;
}

.lmc-model__card:hover {
    transform: translateY(4px);
}

.lmc-model-card__top {
    flex-grow: 1;
    padding: 8px;
}

.lmc-model-card__img {
    width: 100%;
    height: 160px;
    object-fit: cover;
}

.lmc-model-card__bottom {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    padding: 32px;
}

.lmc-model-card__button {
    width: 100%;
}