@import url('../../font/PFDinTextCondPro-Medium/styles.css');

.button-gradient {
    background: #e32745;
    background: -moz-linear-gradient(top, #e32745 0%, #c71531 100%);
    background: -webkit-linear-gradient(top, #e32745 0%,#c71531 100%);
    background: linear-gradient(to bottom, #e32745 0%,#c71531 100%);
    display: inline-block;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'PFDinTextCondPro', 'PFDinTextProMedium', Arial, sans-serif;
    padding: 12px 10px;
    color: #fff;
    text-decoration: none;
    outline: none;
    box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    overflow: hidden;
    user-select: none;
    border: 0;
    cursor: pointer;
}
.button-gradient:hover {
    color: #fff;
    background: #e23b54;
    background: -moz-linear-gradient(top, #e23b54 0%, #c6001d 100%);
    background: -webkit-linear-gradient(top, #e23b54 0%,#c6001d 100%);
    background: linear-gradient(to bottom, hsl(350deg 77% 56%) 0%,hsl(351deg 81% 35%) 100%);
}
.button-gradient:active {
    color: #b5b5b5;
    background: #e23b54;
    background: -moz-linear-gradient(top, #e23b54 0%, #c6001d 100%);
    background: -webkit-linear-gradient(top, #e23b54 0%,#c6001d 100%);
    background: linear-gradient(to bottom, hsl(350deg 77% 43%) 0%,hsl(351deg 81% 29%) 100%);
}