CSS Gradient Button

/*
See the button: http://prntscr.com/owzl0r
*/

.gradient-button {
    height: 50px;
    outline: none;
    border: none;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0px 30px;
    border-radius: 3px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
    background: -webkit-gradient(linear, left top, right top, from(#7f82f0), to(#5ad2d4));
    background: -webkit-linear-gradient(left, #7f82f0 0%, #5ad2d4 100%);
    background: linear-gradient(to right, #7f82f0 0%, #5ad2d4 100%);
    -webkit-box-shadow: 0px 11px 27px 0px rgba(154, 49, 188, 0.33);
    box-shadow: 0px 11px 27px 0px rgba(154, 49, 188, 0.33);
    color: #FFF;
    font-weight: 500;
    letter-spacing: 0.2px;
    text-align: center;
    width: 100%;
    padding: 0px 28px;
}