.section-customer_satisfaction {
    background: #F1F5F9;
    padding-block: 74px;
}
.item-customer {
    background: white;
    border-radius: 32px;
    padding: 28px clamp(16px, 3vw, 32px) 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    .customer-icon {
        background: #F1F5F9;
        border-radius: 16px;
        margin-bottom: 16px;
        padding: 8px;
        i {
            background: var(--color1);
            font-size: 24px;
            width: 64px;
            height: 64px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            border-radius: 16px;
        }
    }
    .title-customer {
        font-size: 18px;
        font-family: var(--Medium);
    }
    .body-customer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        margin-top: 24px;
        width: 100%;
        .btn-customer {
            background: #F1F5F9;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 4px;
            padding: 10px;
            border-radius: 16px;
            font-size: 14px;
            font-family: var(--Medium);
            color: var(--black);
            transition: 0.4s;
            i {
                width: 24px;
                height: 24px;
                font-size: 18px;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            &:hover {
                background: var(--color1);
                color: var(--white);
            }
        }
    }
}