totalConsumption.scss

@import 'src/styles/base/color';

.icon-line {
  display: flex;
  align-items: baseline;
  &.compare {
    align-items: flex-end;
  }

  svg {
    transform: translate(0px, 4px);
  }

  .compare {
    span {
      color: $grey-dark;
      font-size: 1.4rem;

      &.euro-symbol {
        font-size: 0.8rem;
      }
    }
  }
  .euro-value {
    font-size: 2rem;
    font-weight: 900;
    color: white;
    margin-left: 0.7rem;
    margin-right: 0.3rem;
  }
  .euro-symbol {
    color: white;
  }
}