.inline-card,
.pl-inline-card {
  display: inline-block;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: -1px;
  line-height: 1;
  white-space: nowrap;
}

.inline-card[value="heart"],
.pl-inline-card[value="heart"] {
  color: #e44145;
}

.inline-card[value="heart"]::after,
.pl-inline-card[value="heart"]::after {
  content: "♥";
}

.inline-card[value="diamond"],
.pl-inline-card[value="diamond"] {
  color: #e44145;
}

.inline-card[value="diamond"]::after,
.pl-inline-card[value="diamond"]::after {
  content: "\2666";
}

.inline-card[value="spade"],
.pl-inline-card[value="spade"] {
  color: #252525;
}


html[data-theme="dark"] .inline-card[value="spade"],
html[data-theme="dark"] .pl-inline-card[value="spade"] {
    color: white;
}

html[data-theme="dark"] .inline-card[value="spade"],
html[data-theme="dark"] .pl-inline-card[value="spade"] {
  color: #fff;
}

.inline-card[value="spade"]::after,
.pl-inline-card[value="spade"]::after {
  content: "\2660";
}

.inline-card[value="club"],
.pl-inline-card[value="club"] {
  color: #252525;
}

html[data-theme="dark"] .inline-card[value="club"],
html[data-theme="dark"] .pl-inline-card[value="club"] {
  color: #fff;
}

.inline-card[value="club"]::after,
.pl-inline-card[value="club"]::after {
  content: "\2663";
}