title: How to keep :active css style after click a button
body: <p>Once the button is clicked I want it to stay with the active style instead of going back to normal style.  Can this be done with CSS please? Im using blurb button from DIVI Theme (WordPress). Please help me!</p>
  <p>code:</p>
  <pre class="lang-css prettyprint-override"><code>    #blurb-hover.et_pb_blurb .et_pb_blurb_content 
      .et_pb_main_blurb_image .et-pb-icon:hover {
             color: red !important; }
      
      #blurb-hover.et_pb_blurb .et_pb_blurb_content 
      .et_pb_main_blurb_image .et-pb-icon:selected {
        background-color: #ff4b46;
        color: #fff; }
  
      #blurb-hover.et_pb_blurb .et_pb_blurb_content 
      .et_pb_main_blurb_image .et-pb-icon:active {
          color: white !important;
         background-color: red; 
          width: 140px;
          height: 100px; }
  
  </code></pre>