calin-rating

.square {
  width: 45px;
  height: 45px;
  background: #fff;
  border: solid 1px black;
  &:hover, &:active {
    transition: background 0.2s ease;
    background: #3da0e4;
    border: solid 1px #3da0e4;
    color: #fff;
  }
}

.color-square {
  width: 45px;
  height: 45px;
  transition: background 0.2s ease;
  background: #3da0e4;
  color: #fff;
  display: inline-block !important;
  margin-left: 24px !important;
  border: solid 1px;
}

.horizontal {
  display: inline-block !important;
  margin-left: 24px !important;
}