title: How to set the duration of after-hover transition
body: <p>I would like to get the same time (0.4s) after hover off from button (now is 0s). 
  If I hover off from button there is no transition. 
  After hover it took 0s. I would like to have 0.4 like it is in hover state.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.btn_akoo {
  
  text-transform: uppercase;
  background-color:#e92741;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  border-radius:30px;
  border:3px solid #f5f487;
  display:inline-block;
  cursor:pointer;
  color:#2d2f3c;
  font-family:Verdana;
  font-size:17px;
  font-weight:bold;
  padding:30px 18px;
  text-decoration:none;
  position: relative;
  margin-left: 38%;
  margin-top: 18%;
  
  }
  
  .btn_akoo:hover {
  background: #2d2f3c;
  color: #e92741;
  padding-left: 30px;
  padding-right: 30px;
  -webkit-box-shadow:0px 0px 40px 1px #f5f487 ;
  -moz-box-shadow:0px 0px 40px 1px #f5f487 ;
  box-shadow:0px 0px 40px 1px #f5f487 ;
  transition:  0.4s ;
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="wrapper_akoo"&gt;
    &lt;a class="btn_akoo" href="#" &gt;Ako sa zaregistrovať?&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>