.buttonmag {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    height:50px;
    width:250px;
    border: 1px solid #3785b3;
    border-radius: 8px;
    background: #5adbff;
    background: -webkit-gradient(linear, left top, left bottom, from(#5adbff), to(#3785b3));
    background: -moz-linear-gradient(top, #5adbff, #3785b3);
    background: linear-gradient(to bottom, #5adbff, #3785b3);
    -webkit-box-shadow: #5ee4ff 0px 0px 40px 0px;
    -moz-box-shadow: #5ee4ff 0px 0px 40px 0px;
    box-shadow: #5ee4ff 0px 0px 40px 0px;
    text-shadow: #275f80 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.buttonmag:hover,
.buttonmag:focus {
    border: 1px solid #4ebeff;
    background: #6cffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#6cffff), to(#42a0d7));
    background: -moz-linear-gradient(top, #6cffff, #42a0d7);
    background: linear-gradient(to bottom, #6cffff, #42a0d7);
    color: #ffffff;
    text-decoration: none;
}
.buttonmag:active {
    background: #3785b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#3785b3), to(#3785b3));
    background: -moz-linear-gradient(top, #3785b3, #3785b3);
    background: linear-gradient(to bottom, #3785b3, #3785b3);
}
.buttonmag:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 4px -6px -4px;
    position: relative;
    top: 0px;
    left: 0px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAADuklEQVRIiYWUT28bRRiHn9ld2xsnKa5JKFBLJBREK6EeCxI3DhzCJUJ8BA7kEyBUuIDoF0B8gZ56QgWJ5ALiViFVCBAgFFQ1oY2cUMBxEq893p2Zl8PsbtZ2KCONZI+f3/vnN+8YZldwxtnjmMd+VsW3ra2tWETWlVJXqpFE5Dfg9tramq4I3ebmZgy8pZR6aYrfBj4v+KgQAOurq6uftVqtdlXQ7/d7Ozs7ALeq50qp9ZWVlU/P4nd3d13OB0VwRGSj0+m0rbVorcsdx3FbKbXBrHUbnU6nbYyZ4YGNAio7UEqRpiknJyeICEqpqXi+kEpBpGnKYDAorCk1IlJqoqrAGMNwOJwOfOZSSv0nXykuiIpPxhiyLCNJkhlBlmXTR0GWZf/HB0UHANz7Zotut0uv15uxKD54WAryI3fv61N+esV/PiRnTztY/uIml47iEnIOXAY2hb3vdSEo1/KXN7l0nPMC1oDN+e6PugxTJmjqhOfThP4+oEAJCCAOeprpFczphNVxwtFB5VT8PvR8ALhy9FIBsTkEiAIR30kqpaCsLBNwxjPFcxUFTiDzvCN/B2UCZyZ9EMCeJpiwKBVvhzApsLbkJywKRgJ27MOU9+u8t6OJKL6TkUCmJ3nnwNiSD6Dy0FKBVPsqVGFTLkgnE1DwJp3ki8uudlxeshYYD322UPnWlfW26dOKXJVPtWcD5a/BTvJQ+S8KtMMMEsBAaCGyPoE1YIT4gxatQvXhedqZEI+Gno+s14iBNAPtMDMWaeH+PwNeb+IrCtSpaKnB5T3N9fdafJUPzZvLDS6nY4hCiAI/PWYMRyPQwv0Zi8bCt/tD3lmK4IkA6qG/tDrwTI1zdXj30PA2QCti6ckazZpALFA3oC2MxnAw8rEKi4p5CQCut/jplQVefmEenmr4X4cW/tJwYiBz/m5CBc0QLsSwWPNv4dEYthO4O+C7G31eKwoPK5cnV2uMMse1eWGxCTTyChcVLChYDKAVQjuEpRDmAWfhaAx/DOGXEd1Hho/upvxaxAy9pQgQXI3V9okjOTS8uuiYcwaUg5pAXWAOvxvizweZ725Pw50Rva7lYy3c+iHFFDEnLMJbHr8Rs34x5P0XI55+NmDhfEjQUFDPx9GJf0w9B13L8e+G7r7lky3NbSD1s+WXqlgUADGwAJy7GLLyXMS1luJKO6Azp2g2FHHxoBI4PhQe9Cw/71ruPDDsAsdAPrx+iqYTFJNVz3c0p4gvhLQaino9nzoFaBj+ben3HMO86rQauIj5L5YiFo4yEgL0AAAAAElFTkSuQmCC") no-repeat left center transparent;
    background-size: 100% 100%;
}