src button

by alexoviedo999

HTML

<?xml version="1.0" encoding="UTF-8"?>
<svg width="213px"
     height="47px"
     viewBox="0 0 213 47"
     version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

    <defs>
      <style>        
         #SVG:hover {
          fill:url(#gradient_bg_hoverclick);
        }
        
         #SVG:active {
          fill:url(#gradient_bg_hoverclick);
        }
        
        .rocket {
          background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg';
        }
        
     </style>
     
        <linearGradient id="gradient_bg_default" x1="50%" y1="0%" x2="50%" y2="100%">
            <stop stop-color="#E0EAFA" stop-opacity="0.05" offset="0%"></stop>
            <stop stop-color="#E0EAFA" stop-opacity="0.1" offset="42.3432221%"></stop>
            <stop stop-color="#E0EAFA" stop-opacity="0.3" offset="46.1465372%"></stop>
            <stop stop-color="#E0EAFA" stop-opacity="0.4" offset="100%"></stop>
        </linearGradient>
        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="gradient_bg_hoverclick">
            <stop stop-color="#E0EAFA" stop-opacity="0.2" offset="0%"></stop>
            <stop stop-color="#E0EAFA" stop-opacity="0.5" offset="42.3432221%"></stop>
            <stop stop-color="#E0EAFA" stop-opacity="0.6" offset="46.1465372%"></stop>
            <stop stop-color="#E0EAFA" offset="100%"></stop>
        </linearGradient>
        <rect id="main_button_bg" x="0" y="0"
              width="211.0"
              height="45.0"
              rx="22.5">
        </rect>
        <filter id="button_shadow" x="-0.9%" y="-2.2%" width="101.9%" height="108.9%" filterUnits="objectBoundingBox">
            <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
            <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out"...