.wpcs-reviews-container {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    clear: both;
}

/* Inline (embedded in article) */
.wpcs-reviews-container.wpcs-is-inline {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* Grid system (the flex direction is handled by JS based on the screen size) */
.wpcs-cards-grid {
    display: flex;
    gap: 24px;
    justify-content: center;
    width: 100%;
}

/* The physical box that holds the card (Its size is controlled by JS, shrinks according to scale) */
.wpcs-card-wrapper {
    position: relative;
    overflow: hidden; /* Ensures that if anything overflows, it doesn't mess up the page */
}

/* The original card that is scaled by JS (transform: scale) */
.wpcs-card-scaler {
    position: absolute;
    top: 0;
    left: 0;
}