Here some Css changes for the MOOD Module by @Jerome Mingo

Tested by UNA 13.0.0-B3

Theme: Artificer

Module-Version: 1.0.1

Input for ur Custom Theme CSS:

/* --- Moods --- */

#mood_div h2:before {

  content: "“ ";

  color: #8c4e92;

  font-size: 28px;

  font-weight: 600;

}

#mood_div h2:after {

  content: " ”";

  color: #8c4e92;

  font-size: 28px;

  font-weight: 600;

}

#mood_div img {

  --tw-border-opacity: 0.12;

  border-color: rgb(128 128 128/var(--tw-border-opacity));

  border-width: 8px;

  border-radius: .275rem;

  margin-left: auto;

  margin-right: auto;

}

.bx-form-advanced-wrapper.mz_mood_give_mood_wrapper .comp-form-ul li span {

  font-size: 12px;

}

.bx-form-advanced-wrapper.mz_mood_give_mood_wrapper .comp-form-ul li span img {

  max-width: 75px;

  max-height: 75px;

}

#bx-page-block-4429 .bx-def-margin-sec-bottom.bx-clearfix {

  display: none;

}

Input for a RAW Box under Profiles:

<style>

#mood_div h2:before {

  content: "“ ";

  color: #8c4e92;

  font-size: 28px;

  font-weight: 600;

}

#mood_div h2:after {

  content: " ”";

  color: #8c4e92;

  font-size: 28px;

  font-weight: 600;

}

#mood_div img {

  --tw-border-opacity: 0.12;

  border-color: rgb(128 128 128/var(--tw-border-opacity));

  border-width: 8px;

  border-radius: .275rem;

  margin-left: auto;

  margin-right: auto;

}

.bx-form-advanced-wrapper.mz_mood_give_mood_wrapper .comp-form-ul li span {

  font-size: 12px;

}

.bx-form-advanced-wrapper.mz_mood_give_mood_wrapper .comp-form-ul li span img {

  max-width: 75px;

  max-height: 75px;

}

#bx-page-block-4429 .bx-def-margin-sec-bottom.bx-clearfix {

  display: none;

}

</style>

Let me know it is working or not. Who want can change the Border-Color and With