.vtsg-grid-items,
.vtsg-grid-items-wrapper {
    --vtsg-grid-gap: 20px;
    min-height: 60vh;
    flex-wrap: wrap;
    gap: var(--vtsg-grid-gap);
    align-items: stretch;
    width: 100%;
    height: auto;
}

.vtsg-grid-items,
.vtsg-grid-items-wrapper,
.vtsg-grid-items-pagination-wrapper,
.vtsg-grid-items-pagination,
.vtsg-grid-items-pagination-items,
.vtsg-grid-items-pagination-item,
.vtsg-grid-items-pagination-prev,
.vtsg-grid-items-pagination-next,
.vtsg-grid-items-pagination-ellipsis {
    position: relative;
    display: flex;
}

.vtsg-grid-items-pagination-wrapper {
    width: 100%;
    justify-content: center;
    align-items: center;
}

.vtsg-grid-items-pagination {
    width: fit-content;
    margin: 0 auto;
    padding: 0;
    border: 2px solid #f1f1f1;
    border-radius: 4px;
    overflow: hidden;
}

.vtsg-grid-items-pagination-items {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0;
    padding: inherit;
}

.vtsg-grid-items-pagination-item,
.vtsg-grid-items-pagination-prev,
.vtsg-grid-items-pagination-next,
.vtsg-grid-items-pagination-ellipsis {
    width: 28px;
    height: 28px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    list-style: none !important;
    cursor: pointer;
}

.vtsg-grid-items-pagination-item.active,
.vtsg-grid-items-pagination-prev.active,
.vtsg-grid-items-pagination-next.active,
.vtsg-grid-items-pagination-item:hover,
.vtsg-grid-items-pagination-prev:hover,
.vtsg-grid-items-pagination-next:hover {
    background: var(--e-global-color-accent);
    color: #fff;
}

.vtsg-grid-items-error {
    color: red;
    font-size: 1.2rem;
    font-weight: 700;
}