.balloon {
  background-color: rgb(240,235,226);
  padding: 1em 2em;
  border-radius: 1.5em;
  font-weight: 800;
  border: 2px solid white;
  position: absolute;
  opacity: 0;
  font-size: 0.6em;
  line-height: normal;
}

.balloon.nw {
  border-top-left-radius: 0;
  transform-origin: top left;
}
.balloon.sw {
  border-bottom-left-radius: 0;
  transform-origin: bottom left;
}
.balloon.se {
  border-bottom-right-radius: 0;
  transform-origin: bottom right;
}
.balloon.ne {
  border-top-right-radius: 0;
  transform-origin: top right;
}

.balloon-blue {
  /* background-color: rgb(74,94,117); */
  background-color: rgb(45,54,65);
  color: white !important;
  border: 0;
  font-weight: 600;
  border-radius: 40px;
  padding: 1.5em 2.5em;
}

.balloon-square {
  border-radius: 0px;
  border-width: 0px;
  font-weight: 600;
}

.balloon-square {
  background: url('../assets/Common_Elements/Nav/check.png') no-repeat 5% 50%;
  background-size: 2em;
  padding-left: 4.5em;
}

.balloon-accent {
  background-color: var(--accent-colour);
  color: white
}

.balloon h6 {
  margin-bottom: 0;
}