.rate_page {
    font-size: 1.2em;
    font-weight: bold;
}

.rate-page__thumbs {
    text-align: center;
  border-bottom: 0.2em solid #dfe4ea;
  padding: .75rem;
  font-size: inherit;
  background: #EFEFEF;
  color: #2f3542;
  margin-top: 2.25em;
  margin-bottom: 2.25rem;
  padding: 1.875em 2.75em;
}
.rate-page__thumbs .thumb {
    transition: all 0.5s;
    cursor: pointer;
    font-size: 24px;
    padding: 10px 5px;
    display: inline-block;
}

.rate-page__thumbs .thumb .amount {
    font-size: 24px;
}

.rate-page__thumbs .thumb {
    color: #8493a8;
}

.rate-page__thumbs .thumb.checked {
    color: #0aabd3;
}

.rate-page__thumbs .thumb.checked.down {
    color: #db5564;
}

.rate-page__thumbs .thumb.checked.up {
    color: #603aba;
}

.rate-page__thumbs .thumb:hover,
.rate-page__thumbs .thumb.state-hovered {
    color: #000000;
}