@layer components {

.pb-pill{
  font-family:'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size:15px;
  line-height:32px;
  font-weight:700;
  color:var(--color-navy);
}
.pb-pill > .pill{
  display:inline;
  background:var(--color-aqua-500);
  padding:5px 5px;
  border-radius:5px;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  word-break:break-word;
}
.pb-pill .ico-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  width:18.5px;
  height:18.5px;
  margin-right:6px;
}
.pb-pill .ico{
  width:18.5px;
  height:18.5px;
  display:block;
}

@media (max-width:768px){
  .pb-pill{ text-align:center; }
  .pb-pill > .pill{ display:inline !important; line-height:32px !important; }
}

}