@charset "utf-8";

.speech-bubble { position: relative; border-radius: 0.4em; max-width: 100px; min-width: 70px; padding: 15px; margin: 1em 0px; text-align: center; color: rgb(255, 255, 255); display: block; cursor: pointer; font-family: sans-serif; font-weight: 700; font-style: normal; }

.speech-bubble span { margin: 0px; font-size: 16px; }

.speech-bubble:focus-visible { outline: black solid 2px; }

.speech-bubble::after { content: ""; position: absolute; bottom: 0px; left: 50%; width: 0px; height: 0px; border-width: 10px 0px 0px 10px; border-top-style: solid; border-left-style: solid; border-top-color: transparent; border-left-color: transparent; border-image: initial; border-bottom-style: initial; border-bottom-color: initial; border-right-style: initial; border-right-color: initial; margin-left: 20px; margin-bottom: -10px; }