@import "icon.css";

.wea-rate {
  padding: 0;
  margin: 0;
  .wea-r-item {
    display: inline-block;
    vertical-align: middle;
    cursor: default;
    transition: all 0.25s ease 0s;
  }
  .wea-r-text {
    font-size: 12px;
    margin-right: 12px;
    color: #eaeaea;
  }
  .wea-r-text-hover {
    font-size: 12px;
    margin-right: 12px;
    color: #ff7777;
  }
  .wea-r-score {
    padding: 4px 2px;
    font-size: 16px;
    color: #eaeaea;
  }
  .wea-r-score-hover{
    padding: 4px 2px;
    font-size: 16px;
    color: #eaeaea;
    cursor: pointer;
    &:hover {
      transform: scale(1.2, 1.2)
    }
  }
  .wea-r-score-selected {
    color: #ff7777;
  }
}
