.product-attributes-wrapper {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #e0e0e0;

    .product-attributes-title {
        margin: 0 0 20px;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5;

        @media screen and (min-width: 1024px) {
            font-size: 24px;
        }
    }

    .product-attributes {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;

        @media screen and (min-width: 1024px) {
            gap: 1rem;
        }

        li {
            display: flex;
            align-items: start;

            h3 {
                flex: 0 1 45%;
                display: flex;
                color: #828282;
                font-size: 14px;

                &::after {
                    content: "";
                    flex: 1 1 10%;
                    border-bottom: 1px dashed #e0e0e0;
                    margin-bottom: 0.3rem;
                }

                @media screen and (min-width: 1024px) {
                    font-size: 16px;
                }
            }

            span {
                flex: 1 1 45%;
                color: #333;
                font-size: 14px;

                @media screen and (min-width: 1024px) {
                    font-size: 16px;
                }
            }
        }
    }

    @media screen and (min-width: 1024px) {
        padding: 48px;
    }
}