.review-trust-pill-shell {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 32px;

    .review-trust-pill {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        align-self: center;
        width: fit-content;
        max-width: 95vw;
        padding: 10px 20px;
        border-radius: 999px;
        background: var(--hero-active-container-weak, var(--ncs-container-weak));
        border: 1px solid var(--hero-active-container-strong, var(--ncs-container-strong));
        color: var(--text);
        font-size: var(--font-sm);
        font-weight: var(--font-weight-bold);
        text-decoration: none;
        transition: background-color 0.56s ease, border-color 0.56s ease, color 0.56s ease;

        &:hover,
        &:focus-visible {
            background: color-mix(in srgb, var(--hero-active-cta-bg, var(--ncs-primary)) 18%, transparent);
            border-color: color-mix(in srgb, var(--hero-active-cta-bg, var(--ncs-primary)) 42%, transparent);
            color: var(--text);
            transition-duration: 0.2s;
        }

        .review-trust-pill-content {
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 0;

            .static-rating {
                display: inline-flex;
                align-items: center;
                gap: 1px;
                margin: 0;
                line-height: 1;
                flex-shrink: 0;

                .star {
                    font-size: var(--font-md);
                    color: color-mix(in srgb, var(--text) 18%, transparent);
                    letter-spacing: 1px;
                    line-height: 1;
                    transition: color 0.56s ease;

                    &.voted {
                        color: #ef492d;
                    }
                }
            }

            .review-trust-pill-text {
                display: flex;
                align-items: baseline;
                line-height: 1.4;
                color: color-mix(in srgb, var(--text) 80%, transparent);
                transition: color 0.56s ease;
        
                .review-trust-pill-text-item {
                    white-space: nowrap;
                }
        
                .review-trust-pill-text-item:not(:first-child)::before {
                    content: "·";
                    margin: 0 0.5ch;
                    opacity: 0.7;
                }
            }
        }
    }
}

@media (max-width: 767px) {
    .review-trust-pill-shell {
        margin-bottom: 24px;

        .review-trust-pill {
            padding: 9px 16px;
        }
    }
}

@media (max-width: 579px) {
    .review-trust-pill-shell {
        .review-trust-pill {
            .review-trust-pill-content {
                .review-trust-pill-text {
                    .review-trust-pill-text-item:nth-last-child(1) {
                        display: none;
                    }
                }
            }
        }
    }
}

@media (max-width: 299px) {
    .review-trust-pill-shell {
        .review-trust-pill {
            .review-trust-pill-content {
                .review-trust-pill-text {
                    display: none;
                }
            }
        }
    }
}