/* マナー/防犯などのカテゴリタグ(Figma: rulr-card-tag)
 * 右側の角のみ丸い(左端は他要素に隙間なく接する想定のデザイン)。 */
.guest-rule-card-tag {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 0 4px 4px 0;
  font-family: var(--guest-font-family);
  font-size: var(--guest-font-size-xs);
  font-weight: var(--guest-font-weight-bold);
  line-height: var(--guest-line-height-none);
  color: var(--guest-color-tag-white);
  white-space: nowrap;
}

.guest-rule-card-tag--orange {
  background: var(--guest-color-tag-orange);
}

.guest-rule-card-tag--green {
  background: var(--guest-color-tag-green);
}