Smooth Hover Button

Components Library > Buttons > Smooth Hover Button

HTML

<button type="button" class="button">
    Simple Button
</button>

CSS

.button{
    outline: none;
    border: none;
    padding:10px 20px;
    background: white;
    border-radius: 7px;
    box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
    font-size: 16px;
    transition: 0.15s ease-in-out;
    cursor: pointer;
}

.button:hover{
    background: purple;
    color: white;
}