BUTTON 22

/* HTML */
<a href="#"><button class="button-22">Hover Me</button></a>

/* CSS */
.button-22 {
 width: 150px;
 height: 50px;
 font-size: 18px;
 background: yellow;
 border: none;
 border-radius: 50px;
 color: #000;
 outline: none;
 cursor: pointer;
 transition: all 0.4s;
}

.button-22:hover {
 box-shadow: inset 0 0 0 4px #ef476f, 
              inset 0 0 0 8px #ffd166, 
              inset 0 0 0 12px #06d6a0,
              inset 0 0 0 16px #118ab2;
 background: #073b4c;
 color: #fff;
}