.node--type-enrollment.node--view-mode-progress>.node__content {
  >h2 {
    color: #333;
    font: 500 17px/1 "Mercury Text G1",serif;
    margin: 0 0 10px;

    >a {
      color: inherit;
      text-decoration: none;
      &:hover {
        font-weight: bold;
      }
    }
  }

  >div {
    background: #ECF0F5;
    border-radius: 13px;
    height: 26px;
    overflow: hidden;
    >div {
      align-items: center;
      background: #E85000;
      box-sizing: border-box;
      color: #FFF;
      display: flex;
      font: 800 12px/1 Manrope,sans-serif;
      height: 100%;
      justify-content: flex-end;
      padding-right: 10px;
    }
  }
}