@layer components {
  .bubble {
    background-color: var(--bubble-background, var(--color-secondary));
    border-radius: var(--rounded-sm) var(--rounded-3xl) var(--rounded-3xl) var(--rounded-3xl);
    color: var(--bubble-color, var(--color-primary));
    margin: 0;
    padding: var(--size-4) var(--size-5);
  }
}