@import '../../partials/variables';
@import '../../partials/colors';

.badge {
  display: inline-block;

  padding-left: 8px;
  padding-right: 8px;

  text-align: center;

  background-color: var(--background-color-secondary);

  font-size: small;
  border-radius: 0.25em;

  @media (max-width: $mobile-breakpoint) {
    font-size: inherit;
  }
}
