.section-weight {
    position: relative;
    .wrap-weight {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 32px 20px;
        .item-weight {
            background: var(--nature);
            padding: 24px 32px;
            border-radius: 32px;
            .head-weight {
                display: flex;
                justify-content: space-between;
                align-items: center;
                span {
                    font-size: 16px;
                    font-family: var(--Medium);
                    color: #616161;
                }
                .title-weight {
                    font-size: 20px;
                    font-family: var(--Medium);
                    color: var(--black);
                }
                img {
                    max-width: 72px;
                    max-height: 72px;
                    border-radius: 16px;
                    padding: 4px;
                    background: white;
                }
            }
            .body-weight {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 10px;
                margin-top: 24px;
                .btn-weight {
                    background: white;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    padding: 10px 16px;
                    border-radius: 16px;
                    font-size: 18px;
                    font-family: var(--Medium);
                    color: var(--black);
                    transition: 0.4s;
                    &:hover {
                        background: var(--color1);
                        color: var(--white);
                    }
                }
            }
        }
    }
}
@media only screen and (min-width: 768px) {
    .section-weight {
        .wrap-weight {
            grid-template-columns: repeat(2, 1fr);
        }
    }
}
@media only screen and (min-width: 1024px) {
    .section-weight {
        .wrap-weight {
            grid-template-columns: repeat(3, 1fr);
        }
    }
}