1  article {
 2    padding: 24px;
 3  }
 4  
 5  article div {
 6    border: 1px solid var(--border-color);
 7    border-radius: 12px;
 8    padding-left: 16px;
 9    padding-right: 16px;
10    max-width: 600px;
11  }
12  
13  form {
14    display: flex;
15    gap: 16px;
16    position: relative;
17    padding-bottom: 16px;
18  }
19  
20  form button {
21    position: absolute;
22    right: 7px;
23    top: 1px;
24    border-radius: 2px;
25    padding: 4px;
26    font-weight: bold;
27  }
28  
29  ul {
30    margin: 0;
31    padding: 0;
32    height: 300px;
33    overflow: auto;
34    display: flex;
35    flex-direction: column;
36  }
37  
38  li {
39    display: inline-flex;
40    align-self: flex-start;
41    background: var(--charcoal);
42    padding: 8px 12px;
43    border-radius: 8px 8px 8px 0px;
44    margin-top: 16px;
45    font-size: 14px;
46    max-width: 400px;
47  }
48  
49  li:nth-child(2n) {
50    border-radius: 8px 8px 0px 8px;
51    align-self: flex-end;
52    background: var(--purple);
53    color: var(--charcoal);
54  }
55  
56  li:last-child {
57    margin-bottom: 20px;
58  }