.bubble {
  font: var(--bit);
  display: inline-block;
  border: 1px solid var(--teal);
  background-color: var(--paper);
  padding: 2px 10px;
  border-radius: 25px;
  color: var(--teal);
  transition: ease-in-out 0.3s;
}

.bubble--bordered {
  border-color: white;
  color: white;
  background-color: transparent;
}

.bubble--large {
  font: var(--common);
  font-weight: 600;
  padding: 9px 15px;
}

.bubble--large:hover {
  background-color: var(--subtle-lime);
  border-color: var(--lime);
}