<template>
  <ElAlert
    class="alert-new alert-simple"
    title="New"
    type="success"
  />
</template>
<script>
  export default {
    name: 'TfNewBadge',
  };
</script>

<style lang="scss" scoped>
  @import 'src/assets/styles/variables';
  @import 'src/assets/styles/mixins';

  .alert-new {
    margin-top: 20px;
  }

  .alert-new .el-alert__content {
    padding: 0;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: $tf-green;
  }

  .alert-new .el-alert__title {
    font-size: 12px;
    line-height: 14px;
  }

  .alert-new i {
    display: none;
  }

  .alert-new span {
    padding: 0;
  }
</style>
