Snippet: Modern Button CSS

modern-buttom-css.sublime-snippet

<snippet>
	<content><![CDATA[
		.modern {
		  display: inline-block;
		  margin: 10px;
		  padding: 8px 15px;
		  background: #B8ED01;
		  border: 1px solid rgba(0,0,0,0.15);
		  border-radius: 4px;
		  transition: all 0.3s ease-out;
		  box-shadow:
		    inset 0 1px 0 rgba(255,255,255,0.5),
		    0 2px 2px rgba(0,0,0,0.3),
		    0 0 4px 1px rgba(0,0,0,0.2);

		  /* Font styles */
		  text-decoration: none;
		  text-shadow: 0 1px rgba(255,255,255,0.7);
	  }
	]]>
	</content>
	<tabTrigger>modern</tabTrigger>
	<scope>source.css</scope>
	<description>Beatifull n Modern Button with CSS</description>
</snippet>