.group-card {

    overflow: hidden;
    border-radius: 20px;
    transition: .35s ease;

    &:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 45px rgba(0, 0, 0, .15) !important;

        img {
            transform: scale(1.05);
        }
    }

    img {

        height: 230px;
        width: 100%;
        object-fit: cover;
        transition: .4s;
    }

    .separator {
        display: flex;
        align-items: center;
        text-align: center;
    }

    .separator::before,
    .separator::after {
        content: '';
        flex: 1;
        border-bottom: 1px solid #000;
    }

    .separator:not(:empty)::before {
        margin-right: .25em;
    }

    .separator:not(:empty)::after {
        margin-left: .25em;
    }
}

.group-card .badge {

    margin: 0 auto;
    width: fit-content;
    font-size: .85rem;
    padding: .6rem .9rem;
    border-radius: 50px;

}

.group-card h3 {

    font-size: 1.35rem;
    font-weight: 700;

}

.group-card ul {

    padding-left: 0;

}

.group-card li {

    display: flex;
    align-items: start;
    gap: .6rem;
    margin-bottom: .9rem;

}

.group-card li i {

    margin-top: .15rem;
    flex-shrink: 0;

}

.group-card .btn {

    border-radius: 50px;
    padding: .75rem 1.5rem;
    font-weight: 600;

}