@import '../../style/themes/index';
@import '../../style/mixins/index';

.@{ant-prefix}-statistics-card {
  border-radius: @border-radius-base;
  background: #fff;
  box-shadow: 0 1px 3px rgba(37, 37, 37, 0.08);
  padding: 16px 20px 10px 16px;
  cursor: pointer;

  &:hover {
    box-shadow: 2px 3px 6px rgba(87, 134, 247, 0.36)
  }

  &-content {
    line-height: 36px;
    display: flex;
  }

  &-icon {
    font-size: 36px;
    margin-right: 8px;
  }

  &-mes {
    font-size: 14px;
    text-align: left;
    color: #333;
  }

  &-num {
    font-weight: bold;
    font-size: 24px;
    text-align: right;
    color: #252525;
  }
}