@mixin large-circle {
  background-color: $bb-queue-concierge-cyan-blue;
  border-radius: 50%;
  height: spacing(36);
  position: relative;
  width: spacing(36);
}

@mixin small-circle {
  background-color: $bb-queue-concierge-cobalt-gray;
  border: border(1.3, $bb-queue-concierge-white);
  border-radius: 50%;
  height: spacing(12);
  position: absolute;
  width: spacing(12);
  top: -10%;
  right: 10%;
  &-green {
    background-color: $bb-queue-concierge-green;
  }
  &-yellow {
    background-color: $bb-queue-concierge-yellow;
  }
  &-red {
    background-color: $bb-queue-concierge-red;
  }
}