LineLogin.svg

		<svg width="200px" height="45px" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			<style type="text/css" scoped="scoped">
				rect.button,
				rect.button~text.line {
					fill: #00C300;
				}
				
				rect.button:hover,
				rect.button:hover~text.line {
					fill: #00E000;
				}
				
				rect.button:active,
				rect.button:active~text.line {
					fill: #00B300;
				}
				
				.bubble {
					fill: white;
				}
			</style>
			<rect class="button" x="0" y="0" rx="10" ry="10" width="200" height="45" />
			<path transform="translate(7.5,7.5)" class="bubble" d="M0,12 Q0,0 15,0 30,0 30,12 30,24 15,30 15,24 10,24 0,24 0,12 z " />
			<text class="line" x="11" y="24" font-family="Helvetica" font-size="10" font-weight="bold">LINE</text>
			<text class="bubble" x="60" y="28" font-family="Helvetica" font-size="18" font-weight="bold">Log in</text>
			Sorry, your browser does not support inline SVG.
		</svg>