.student-growth-title {
  max-width: 100%;
  overflow-wrap: anywhere;
  color: var(--text);
  font-size: .8rem;
  font-weight: 750;
}
.student-growth-title[data-title-effect="mint"],
.student-growth-title[data-title-effect="sky"],
.student-growth-title[data-title-effect="gold"],
.student-growth-title[data-title-effect="aurora"] {
  width: fit-content;
  padding: .15rem .45rem;
  border-radius: .4rem;
}
.student-growth-title[data-title-effect="mint"] { color: #79f2b6; background: #17382f; }
.student-growth-title[data-title-effect="sky"] { color: #8edbff; background: #172d43; }
.student-growth-title[data-title-effect="gold"] { color: #ffd76a; background: #3b2e16; }
.student-growth-title[data-title-effect="aurora"] { color: #f3a8ff; background: #30203d; }