hr.hr-text {
    position: relative;
    border: none;
    height: 1px;
    background: linear-gradient(45deg, #3395f0 0%, #3c90e6 25%, #27dcd5 50%, #235ccc 75%, #188cbc 100%);
    }

    hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: linear-gradient(45deg, #3395f0 0%, #3c90e6 25%, #27dcd5 50%, #235ccc 75%, #188cbc 100%);
    font-weight: bold;
    font-size: 0.85rem;
    color: #fff;
    padding: 0.2rem 2rem;
    position: absolute;
    border-radius: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }