.product-benefits-box {

    margin-top: 12px;

    border: 1px solid #e5e7eb;

    border-radius: 12px;

    padding: 8px 12px;

    height: 39px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    overflow: hidden;

    box-sizing: border-box;

    background: #fff;
}


/* "Benefits:" */

.product-benefits-title {

    font-size: 13px;

    font-weight: 700;

    color: #2e2a39;

    white-space: nowrap;
}


/* Red check mark */

.product-benefits-check {

    font-size: 14px;

    color: #e53935;

    white-space: nowrap;
}


/* Animated text */

.product-benefits-text {

    font-size: 13px;

    font-weight: 600;

    color: #2e2a39;

    white-space: nowrap;

    min-width: 1px;
}


/* Blinking cursor */

.product-benefits-text::after {

    content: "|";

    margin-left: 2px;

    animation: productBenefitCursor 0.7s infinite;
}


@keyframes productBenefitCursor {

    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}