@import "../style/colors";

$tagHeight: 32px;
$tagColor: $midnight-3;
$tagBorderRadius: 16px;
$tagBorder: 1px solid $midnight-7;
$tagBackground: $white;

.la-tag {
  padding: 0 16px 1px;
  height: $tagHeight;
  color: $tagColor;
  border: $tagBorder;
  background: $tagBackground;
  border-radius: $tagBorderRadius;
  cursor: pointer;
  /* TODO font is non standard here */
  font-family: NeueHaasUnicaPro, sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.3px;

  la-icon {
    position: relative;
    top: -1px;
    margin-left: 4px;
  }
}

button:focus {
  outline: none;
}