/** @format */

.badge {
  display: inline-block;
  border: 1px solid #c4c4c4;
  border-radius: 0.375em;
  min-width: 5em;
  line-height: 1em;

  &--large {
    padding: 8px;
    font-size: 0.85em;
  }
  &--tiny {
    padding: 5px 8px;
    font-size: 0.7em;
  }
  &:hover {
    text-decoration: none;
    background-color: rgba($white, 0.25);
  }
}