.wcf--post-tags {
  gap: 6px 12px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.wcf--post-tags li {
  position: relative;
}

.wcf--post-tags li::after {
  content: attr(data-separator);
  display: inline-block;
  font-size: 16px;
  position: absolute;
  top: 0;
  inset-inline-end: -5px;
}

.wcf--post-tags li:last-child::after {
  display: none;
}

.wcf--post-tags li a {
  display: inline-block;
  text-transform: capitalize;
  transition: all 0.3s;
  font-weight: 500;
  border: none;
  padding: 0;
}

.wcf--post-tags li a:hover {
  color: #f0b849;
}