Bootstrap Simple widget

_widget.scss

.widget {
  padding: 0;
  margin: 9px 0 16px 0;
  h2{
    text-transform: uppercase;
    color: up-colors('second');
    border-bottom: 1px solid;
  }
  a, b, p, span, ul, li {
    color: up-colors('second');

  }
  ul {
    list-style: none;
    padding: 0.3em 1.5rem;
    margin: 0;
    li {
      &:before {
        content: '\f02e';
        font-family: 'Font Awesome 5 Free';
        float: left;
        margin-left: -1.5em;
        color: up-colors('second');
        font-weight: 900;

      }
      &:hover{
        &:before {
          color: up-colors('first');
        }
        a{
          color: up-colors('first');

        }
      }
    }
  }
  a {
    &:hover{
      color: up-colors('first');
    }
  }
}