%pill-allow::before,
%pill-deny::before,
%pill-l7::before {
  @extend %as-pseudo;
  margin-right: 5px;
  font-size: 0.9em;
}
%pill-allow,
%pill-deny,
%pill-l7 {
  display: inline-block;
  font-weight: $typo-weight-normal;
  font-size: $typo-size-600;
}
%pill-allow {
  color: $green-800;
  background-color: $green-100;
}
%pill-deny {
  color: $red-800;
  background-color: $red-100;
}
%pill-l7 {
  @extend %frame-gray-900;
}
%pill-allow::before {
  @extend %with-arrow-right-color-mask;
}
%pill-deny::before {
  @extend %with-deny-color-mask;
}
%pill-l7::before {
  @extend %with-layers-mask;
}
