.hr {
    align-items: center;
    display: flex;
    text-align: center;
}

.hr::before {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    content: '';
    flex: 1;
    margin-bottom: .5em;
    margin-right: .5em;
    margin-top: .5em;
}

.hr::after {
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, .1);
    content: '';
    flex: 1;
    margin-bottom: .5em;
    margin-left: .5em;
    margin-top: .5em;
}