span {
    background: #E5F0F7;
    display: inline-block;
    color: #000;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 100px;
    margin: 0 5px 5px 0;
}

span.red {
    background: #DA0914;
    color: #fff;
}

span.green {
    background: #4DB429;
    color: #fff;
}

ul.info-post li.l1{
    background: url(../img/deadline-course.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 20px;
}

ul.info-post li.l2{
    background: url(../img/time-course.svg) no-repeat center left;
    background-size: 16px;
    padding-left: 20px;
}

ul.info-post li.l3{
    background: url(../img/places-course.svg) no-repeat center left 3px;
    background-size: 8px;
    padding-left: 20px;
}

.btn{
    margin: 30px 0;
}

body.view-single-course #content ul.info-post{
    list-style: none;
    padding-left: 0;
}

body.view-single-course #content ul.info-post li{
    color: grey;
    margin-bottom: inherit;
}