Fix Kick - colors - based in Branding Guidelines

css/brands.css

@@ -474,14 +474,26 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Kick */
 .button.button-kick {
-  background-color:#3d951b;
-  color: #fff
+  background-color:#000000;
+  color:  #ffffff;
+  border: 1px solid #ffffff;
 }
 .button.button-kick:hover {
   filter: brightness(90%);
 }
 
+/* Kick Alt */
+.button.button-kick-alt {
+  background-color:#01e701;
+  color:  #000;
+}
+.button.button-kick-alt:hover {
+  filter: brightness(90%);
+}
+
+
 /* Kickstarter */
 .button.button-kickstarter {
   color: #ffffff;

images/icons/kick-alt.svg

@@ -0,0 +1,27 @@
+<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264 302" width="500" height="572">
+	<title>kick-svg</title>
+	<defs>
+		<clipPath clipPathUnits="userSpaceOnUse" id="cp1">
+			<path d="m0 1h933v300h-933z"/>
+		</clipPath>
+		<clipPath clipPathUnits="userSpaceOnUse" id="cp2">
+			<path d="m0 1h933.33v300h-933.33z"/>
+		</clipPath>
+	</defs>
+	<style>
+		.s0 { fill: #000000 } 
+	</style>
+	<g id="Clip-Path: Clip-Path" clip-path="url(#cp1)">
+		<g id="Clip-Path">
+			<g id="Layer">
+				<g id="Clip-Path: Clip-Path" clip-path="url(#cp2)">
+					<g id="Clip-Path">
+						<g id="Layer">
+							<path id="Layer" fill-rule="evenodd" class="s0" d="m0 1h100v66.7h33.3v-33.4h33.4v-33.3h100v100h-33.4v33.3h-33.3v33.4h33.3v33.3h33.4v100h-100v-33.3h-33.4v-33.4h-33.3v66.7h-100zm666.7 0h100v66.7h33.3v-33.4h33.3v-33.3h100v100h-33.3v33.3h-33.3v33.4h33.3v33.3h33.3v100h-100v-33.3h-33.3v-33.4h-33.3v66.7h-100zm-366.7 0h100v300h-100zm333.3 0v100h-100v100h100v100h-166.6v-33.3h-33.4v-233.4h33.4v-33.3z"/>
+						</g>
+					</g>
+				</g>
+			</g>
+		</g>
+	</g>
+</svg>

index.html

@@ -211,6 +211,9 @@
         <!-- Kick -->
         <a class="button button-kick" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick.svg" alt="">Kick</a><br>
 
+        <!-- Kick Alt -->
+        <a class="button button-kick-alt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kick-alt.svg" alt="">Kick</a><br>
+        
         <!-- Kickstarter -->
         <a class="button button-kickstarter" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/kickstarter.svg" alt="">Kickstarter</a><br>