Egor

Элементарный способ заключается в компенсации:
width: 185px
left: 50%
margin-left: -92px

.team__title 
        position: relative
        font-family: Gotham, sens-serif
        font-weight: bold
        font-size: 30px
        text-transform: uppercase
        margin-bottom: 53px

.team__title::after
        content: ""
        display: block
        position: absolute
        width: 185px
        height: 3px 
        bottom: -20px
        left: 50%
        margin-left: -92px
        background-color: #000000

Вариант №1 - подложка с иконкой: https://codepen.io/Softwider/pen/PoReMQj
Вариант №2 - подложка с иконкой и текстом: https://codepen.io/Softwider/pen/ExELqVr

Вариант №2 предпочтительнее так-как более лаконичный.
К обоим вариантом добавил анимацию через transition.
Центровку текста и иконки во втором осуществил с помощью flex (а в первом через background center center).

Спасибо HamSter

CSSFier - caferati.me

Для подключения локально:
1) Скачать архив link in github.
2) Извлечь папку «iconfont» и положить в проект (684 КБ).
3) Подключить. Например через HTML:

<link href="fonts/iconfont/material-icons.css" rel="stylesheet">

4) Выбрать и добавить иконку в HTML:

<i class="material-icons">settings_input_svideo</i>

5) Стилизовать:

.material-icons {
    color: #ffffff; 
    font-size: 24px;
}

Textolite.ru - решение для твоей задачи.
WordPress, ModX и т.п. - под более сложные динамические сайты.
Посадка на тот же WordPress - это следующий шаг развития. Процедура не сложная, но рутинная.

А если вы используйте OpenServer, то нужно зайти в "Настройки" -> "Закладки" и прописать путь до Brackets; далее "Добавить" -> и запустить его через выпадающее меню "Мои закладки".