Element decor with left/right horizontal line

horizontal-line-decor.html

<div class="mobile-login__or-decor">
  <span>или</span>
</div>

horizontal-line-styles.css

.mobile-login__or-decor {
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    position: relative;
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #C0C0C0;
    margin-bottom: 13px;
}
.mobile-login__or-decor::before,
.mobile-login__or-decor::after
 {
    content: "";
    position: relative;
    display: inline-block;
    width: 50%;
    height: 1px;
    vertical-align: middle;
    background: #c0c0c0;
}
.mobile-login__or-decor::before {
    left: -10px;
    margin: 0 0 0 -50%;;
}
.mobile-login__or-decor::after {
    left: 10px;
    margin: 0 -50% 0 0;
}