@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
.unicorn-rarity-wrap{display:flex;align-items:center;justify-content:center;margin:2rem 0;flex-wrap:wrap}
.unicorn-rarity-badge{width:140px;height:140px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.rarity-text{font-family:Pacifico,cursive;font-size:18px;line-height:1.2}
.rarity-stars,.rarity-sparkles{font-size:13px;letter-spacing:2px;color:#f4c842}
.rarity--collectible{background:#e8f8fb;border:4px solid #5ba8b5;box-shadow:0 0 0 7px #b8e8ef}
.rarity--collectible .rarity-text{color:#5ba8b5}
.rarity--rare{background:#f0e8fb;border:4px solid #9b76cc;box-shadow:0 0 0 7px #e4d5f7}
.rarity--rare .rarity-text{color:#7b5ea7}
.rarity--ultra-rare{background:#fffbe8;border:4px solid #f4c842;box-shadow:0 0 0 7px #fde97c}
.rarity--ultra-rare .rarity-text{color:#c8860a}