/* pills (use with class="attribute-pills" from your shortcode) */
a.attribute-pills {
  border: 1px solid #ccc;
  margin-right: 10px;
  padding: 3px 8px;
  border-radius: 5px;
  color: #111;
  text-decoration: none;
  transition: background .2s, color .2s, border-color .2s;
}
a.attribute-pills:hover,
a.attribute-pills.active {
  background: #28a745;   /* green */
  color: #fff;
  border-color: #28a745;
}