/* A text-presentation glyph in a filled tile avoids platform-dependent emoji size. */
.zodiac-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:20px;
  height:20px;
  flex:0 0 20px;
  border-radius:4px;
  color:#fff;
  background:#9563AE;
  font-family:Arial,"Apple Symbols",sans-serif;
  font-size:15px;
  font-weight:500;
  font-variant-emoji:text;
  line-height:1;
  vertical-align:middle;
  padding:0;
  border:0;
  box-shadow:none;
}
.zodiac-icon[data-sign="Aries"]{background:#BA695C;}
.zodiac-icon[data-sign="Taurus"]{background:#9860B2;}
.zodiac-icon[data-sign="Gemini"]{background:#B68A42;}
.zodiac-icon[data-sign="Cancer"]{background:#648FA5;}
.zodiac-icon[data-sign="Leo"]{background:#C18A45;}
.zodiac-icon[data-sign="Virgo"]{background:#7E9661;}
.zodiac-icon[data-sign="Libra"]{background:#B87D9B;}
.zodiac-icon[data-sign="Scorpio"]{background:#986280;}
.zodiac-icon[data-sign="Sagittarius"]{background:#8670B1;}
.zodiac-icon[data-sign="Capricorn"]{background:#8B8062;}
.zodiac-icon[data-sign="Aquarius"]{background:#579C9C;}
.zodiac-icon[data-sign="Pisces"]{background:#788EB8;}
