.filter_buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 8rem;

    @media (max-width: 991px) {
        margin-bottom: 3rem;
    }

    & .filter_button {
        font-size: 2rem;
        margin: 0 2rem 2rem;
        cursor: pointer;

        @media (max-width: 991px) {
            font-size: 1.6rem;
            margin: 0 1rem 2rem;
        }

        &.active {
            font-weight: 600;
            text-decoration: underline;
        }
    }
}

.gallery_area::before {
    content: "";
    width: 0;
    padding-bottom: 100%;
    grid-row: 1 / 1;
    grid-column: 1 / 1;
}

.gallery_area>*:first-child {
    grid-row: 1 / 1;
    grid-column: 1 / 1;
}

.gallery_area {
    display: grid;
    grid-auto-rows: 1fr;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(calc(25% - 1rem), 1fr));

    & .gallery_image {
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        text-align: center;
        position: relative;
        overflow: hidden;

        &:not(.active) {
            display: none;
        }

        & img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: all .5s ease;
        }
        
        &:hover {
            & img {
                transform: scale(1.1);
            }
        }
    }
}

.lb-dataContainer {
    width: 100% !important;
    padding: 0 2rem !important;
}

.lb-outerContainer {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 9999 !important;
}

.lb-image {
    display: block !important;
    max-width: 100% !important;
    max-height: 100vh !important;
    margin: auto !important;
}

@media (max-width: 768px) {
    .lb-image {
        max-width: 90% !important;
        max-height: 80vh !important;
    }
}