div.Chat {
    font: 16px/1.35 system-ui, -apple-system, sans-serif;
    padding: 12px;
}

    div.Chat p {
        color: black;
        max-width: 70%;
        padding: 10px 14px;
        margin: 6px 0;
        border-radius: 18px;
        position: relative;
        word-wrap: break-word;
        font-family: 'Arial';
        font-size: 90%;
    }

        div.Chat p.Them {
            background-color: lightpink;
            margin-right: auto;
        }

        div.Chat p.Me {
            background-color: lightblue;
            margin-left: auto;
        }

            div.Chat p.Them::before,
            div.Chat p.Me::before {
                content: "";
                position: absolute;
                bottom: 0;
                width: 12px;
                height: 12px;
                background: white;
                border-radius: 50%;
            }

            div.Chat p.Them::after,
            div.Chat p.Me::after {
                content: "";
                position: absolute;
                bottom: 10px;
                width: 12px;
                height: 12px;
            }

        div.Chat p.Them::before {
            left: -10px;
        }

        div.Chat p.Them::after {
            left: -6px;
            background-color: lightpink;
            clip-path: polygon(100% 0, 0 100%, 100% 100%);
        }

        div.Chat p.Me::before {
            right: -10px;
        }

        div.Chat p.Me::after {
            right: -6px;
            background-color: lightblue;
            clip-path: polygon(0 0, 0 100%, 100% 100%);
        }