title: How can I apply different styling with the same CSS class?
body: <p>How can I apply same styling for the elements with class named 'mp_m_blurb_underline_sliding' and apply some element wise styling without repeating whole?</p>
  <p>Here I need to apply additional styling for color of the underline.</p>
  <pre><code>.mp_m_blurb_underline_sliding h4 {
      display: inline-block;
      position: relative;
      padding-bottom: 5px;
      font-size: 5px;
      font-weight: 600;
      -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;}
  </code></pre>
  <hr />