.card { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); text-align: center; justify-content: center; height: 100%; } .card-title { padding-bottom: 15px; } .card-text { text-align: left; } .star-container { float: right; height: auto; padding-right: 10px; } .star::before { content: '★'; } .star-marked { color: #ffc700; } .star-unmarked { color: #ccc; }