Cacher is the code snippet organizer for pro developers

https://quiroz.co/divi-blurb-header-sliding-underline/

/*------------------------------------------------*/
/*-------------[GQ SLIDING UNDERLINE]-------------*/
/*------------------------------------------------*/
 
    .mp_m_blurb_underline_sliding h4 {
            display: inline-block;
            position: relative;
            padding-bottom: 8px;
            font-size: 20px;
            font-weight: 800;
            -webkit-transition: all .5s ease-out;
            -moz-transition: all 0.5s ease-out;
            -ms-transition: all 0.5s ease-out;
            -o-transition: all 0.5s ease-out;
            transition: all 0.5s ease-out;}
 
    .mp_m_blurb_underline_sliding  p {
            padding-top: 10px;}
 
    .mp_m_blurb_underline_sliding h4:hover {
        color: #2ea3f2;}
 
    .mp_m_blurb_underline_sliding h4:before {
            content: '';
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;
            height: 2px;
            width: 0;
            transition: width 0s ease, background .5s ease;}
 
    .mp_m_blurb_underline_sliding h4:after {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            height: 2px;
            width: 0;
            background: #2ea3f2;
            transition: width .5s ease;}
 
    .mp_m_blurb_underline_sliding h4:hover:before {
            width: 100%;
            background: #2ea3f2;
            transition: width .5s ease;}
 
    .mp_m_blurb_underline_sliding h4:hover:after {
            width: 100%;
            background: transparent;
            transition: all 0s ease;}