Twitter: "New messages" bubble

[HenryWilder]

• [ ] The background is black. It should use the environment background color.
• [ ] The shadow is white. It should use the accent color.

Associated HTML:

<div role="button" tabindex="0" class="css-175oi2r r-sdzlij r-1phboty r-rs99b7 r-lrvibr r-6dt33c r-105ug2t r-1uusn97 r-1nmszxz r-2yi16 r-1qi8awa r-ymttw5 r-1loqt21 r-o7ynqc r-6416eg r-1ny4l3l" style="border-color: rgba(0, 0, 0, 0); background-color: rgb(0, 0, 0);">
  <div dir="ltr" class="css-1rynq56 r-bcqeeo r-qvutc0 r-37j5jr r-q4m81j r-a023e6 r-rjixqe r-b88u0q r-1awozwy r-6koalj r-18u37iz r-16y2uox r-1777fci" style="color: rgb(29, 155, 240); text-overflow: unset;">
    <span class="css-1qaijid r-dnmrzs r-1udh08x r-3s2u2q r-bcqeeo r-qvutc0 r-poiln3 r-a023e6 r-rjixqe" style="text-overflow: unset;">
      <span class="css-1qaijid r-bcqeeo r-qvutc0 r-poiln3" style="text-overflow: unset;">
        <span class="css-1qaijid r-bcqeeo r-qvutc0 r-poiln3" style="text-overflow: unset;">↓ </span>
        <span class="css-1qaijid r-bcqeeo r-qvutc0 r-poiln3" style="text-overflow: unset;">New messages</span>
      </span>
    </span>
  </div>
</div>