Add NGL

css/brands.css

@@ -579,6 +579,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* NGL */
+.button.button-ngl {
+  color: #ffffff;
+  background-image: linear-gradient(45deg, #ed1581 0%, #ff8614 100%);
+}
+.button.button-ngl:hover,
+.button.button-ngl:focus {
+  filter: brightness(90%);
+}
+
 /* Notion */
 .button.button-notion {
   color: #000000;

images/icons/ngl.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 22.21 12.21"><defs><style>.cls-1{fill:#fff;}</style></defs><g id="Layer_2" data-name="Layer 2"><path class="cls-1" d="M12.89,7.84a3.72,3.72,0,0,0-2,1.35,5.17,5.17,0,0,0-.71,1,2.26,2.26,0,0,0-.25,1.11,2,2,0,0,0,.58,1.36,1.58,1.58,0,0,0,1.06.44,1.5,1.5,0,0,0,1.06-.44,1.47,1.47,0,0,0,.44-1.06,1.46,1.46,0,0,0-.44-1.06l0-.05.23.3a.41.41,0,0,1-.07-.11l.16.36a.93.93,0,0,1,0-.13l.06.39a.48.48,0,0,1,0-.17l-.06.4a1.27,1.27,0,0,1,.06-.18l-.16.36a3.47,3.47,0,0,1,.45-.7l-.24.31a3.58,3.58,0,0,1,.61-.62l-.31.23a2.07,2.07,0,0,1,.45-.27l-.35.15a2.11,2.11,0,0,1,.3-.1,1.49,1.49,0,0,0,.89-.68,1.57,1.57,0,0,0,.16-1.16,1.59,1.59,0,0,0-.69-.9,1.67,1.67,0,0,0-1.16-.15Z" transform="translate(-1.26 -6)"/><path class="cls-1" d="M10.91,9.53a3,3,0,0,0,.37,1.69,1.5,1.5,0,0,0,1.3.74,1.55,1.55,0,0,0,1.29-.74l.52-.74.26-.37.13-.18c.09-.14.08-.12,0,.06l-1.06.43h.05L13,10.21l0,0-.54-.54c.14.19-.13-.35,0-.13a2.1,2.1,0,0,0,.41.71,1.84,1.84,0,0,0,2.94-.35l-2.36.31c-.46-.46-.32-1.15-.36-.66a1.54,1.54,0,0,0,0,.54,1.77,1.77,0,0,0,.48.89,1.63,1.63,0,0,0,1.56.43,1.85,1.85,0,0,0,.44-.18,2.85,2.85,0,0,0,.33-.25,1.15,1.15,0,0,1-1.6,0l1.06-2.56c-.27,0,.31.08.06,0l-.24-.07c-.25-.08.28.13,0,0L15,8.24a4.78,4.78,0,0,0-1.31-.52,3,3,0,0,0-3,1.06,5.74,5.74,0,0,0-1.1,2.81,5.74,5.74,0,0,0-.22,1.74A3.44,3.44,0,0,0,10,14.78a3.82,3.82,0,0,0,1.14,1.16A2.75,2.75,0,0,0,13,16.3a4.3,4.3,0,0,0,3-1.64,3.21,3.21,0,0,0,.13-3.3,2.4,2.4,0,0,0-3.27-.91,2.09,2.09,0,0,0-1.07,1.89A1.78,1.78,0,0,0,14.09,14a2.81,2.81,0,0,0,1.67-1.55A2,2,0,0,0,15,10a1.52,1.52,0,0,0-2.06.54,1.54,1.54,0,0,0,.54,2.05,1.06,1.06,0,0,1-.39-1.38c-.12.23,0-.08.06-.08l-.14.13c-.07.08-.23.16.1-.07l0,0c-.63.36,0,.71,1.76,1.07a1,1,0,0,1-.14.49l-.15.19c.07-.07.06-.06,0,0-.28.21.16-.05-.15.09s.17,0-.18,0-.09,0,0,0-.28-.06-.34-.08l0,0c-.31-.21-.18-.15-.11-.08s-.08-.09-.08-.11l.06.11c.05.1,0,.05-.07-.16a.62.62,0,0,0,0,.16s0-.38,0-.15a1.08,1.08,0,0,0,0,.18s.08-.38,0-.13c0,.05-.1.41,0,.16s0,0,0,0c-.14.23,0,0,.05,0l-.13.12c0-.09.28-.17.08-.07a.54.54,0,0,1-.17.09s.31-.11.1,0-.57.19-.85.27.28,0,.08,0-.28,0-.06,0h.1c-.14,0-.14,0,0,0s.06,0,0,0c-.28-.17.17.18,0,0l-.11-.12c-.21-.21.18.29,0,0L12.43,13c0-.07-.11-.25-.18-.3s.1.3.06.15,0,.22,0,.26c0,.19,0,0,0-.07l.06-.26a16.12,16.12,0,0,1,.34-1.68l.07-.19c.06-.21-.14.28-.05.11s.12-.2.17-.3-.21.24-.08.1l.09-.09.12-.12c.09-.08.08-.08,0,0s-.12.09,0,0a.47.47,0,0,0,.14-.08c-.05,0-.33.15-.09.06s-.34,0-.15,0a.74.74,0,0,0,.21,0c-.24.07-.31-.06-.15,0l.2.07c.06,0,.24.08,0,0s0,0,.05,0a5.24,5.24,0,0,0,2.13.69,1.51,1.51,0,0,0,1.37-.92,1.49,1.49,0,0,0-.31-1.64,2,2,0,0,0-1.33-.54,2.34,2.34,0,0,0-.54.09,1.18,1.18,0,0,0-.41.19c-.47.34-.4.32.19,0h.8a1.16,1.16,0,0,1,.88,1c0,.16,0,.18,0,.06a.6.6,0,0,0,0-.23,1.78,1.78,0,0,0-.53-1.23,1.51,1.51,0,0,0-2.35.3L13.61,8l.26-.11a.85.85,0,0,1,.87.15.62.62,0,0,1,.41.41c.35.59,0-.13-.09-.27a1.6,1.6,0,0,0-2.45-.33,7.61,7.61,0,0,0-.72,1l-.61.87h2.59c-.07-.14-.06-.11,0,.1a1.29,1.29,0,0,1,0-.19c0,.24,0,.28,0,.11a1.28,1.28,0,0,1,0-.19,1.52,1.52,0,0,0-.44-1.06A1.56,1.56,0,0,0,12.41,8a1.54,1.54,0,0,0-1.5,1.5Z" transform="translate(-1.26 -6)"/><path class="cls-1" d="M4.58,13.57A12.64,12.64,0,0,0,5.12,15,3.68,3.68,0,0,0,6,16.3a2,2,0,0,0,2.3.34,2.22,2.22,0,0,0,1.07-1.52c.18-.95.31-1.92.44-2.87s.44-2.52-.12-3.54a1.76,1.76,0,0,0-2.07-.85A2.69,2.69,0,0,0,6.16,9.3a6.31,6.31,0,0,0-.33.75l-.09.28c0,.13-.17.32,0,0-.12.21.08-.08.1-.1a1.14,1.14,0,0,1,1.5,0c-.23-.2.19.28,0,0A5.7,5.7,0,0,0,7,9.67,3.12,3.12,0,0,0,4,8.59a2.57,2.57,0,0,0-2,2.65,6.93,6.93,0,0,0,.12,1l0,.21c0,.17,0,.14,0-.08,0,.07,0,.15,0,.22s0,.25,0,.37-.06.5,0,.28,0,.16,0,.17c0,.25-.08.51-.11.76-.13,1.24.33,2.8,1.73,3.09a1.52,1.52,0,0,0,1.9-1.45v-.18c0-.32,0,.24,0,.07s0-.25.08-.37a1,1,0,0,0,.08-.23s-.15.31,0,.1.13-.25.21-.37.16-.21,0,0,0,0,0,0l.3-.31c.15-.13,0,0-.08.06a.76.76,0,0,0,.16-.11c.09-.06.56-.28.14-.1a1.72,1.72,0,0,0,.9-.69,1.51,1.51,0,0,0-1.7-2.21,5,5,0,0,0-2.31,1.84,4.68,4.68,0,0,0-.78,2.57l1.9-1.44c-.16,0-.11,0,.13.07a.82.82,0,0,1,.32.32c-.14-.23.08.35,0,0s0,.29,0,0,0-.28,0-.42,0-.54,0-.15c0-.25.07-.52.11-.77a6,6,0,0,0,.06-.85c0-.35-.08-.69-.13-1l0-.16c0-.11,0-.07,0,.14-.06-.07,0-.32,0-.41,0-.3-.1.27,0,0-.1.21-.11.24,0,.1q-.21.25-.06.09c-.19.14-.22.17-.08.09l-.19.09c.15,0,.11,0-.14,0h.18c-.25,0-.29,0-.13,0s.11,0,0,0-.11-.05,0,0l.18.1c-.17-.13-.19-.14-.07,0l.11.11c.26.28-.12-.18,0,.06a2.13,2.13,0,0,0,2.28,1.12,2.28,2.28,0,0,0,1.53-1.64c0-.12.08-.24.11-.36.1-.31-.13.21,0,0s.14-.25.22-.37.08-.12,0,0l.12-.12-.66.39L7,10,7,10c0-.11,0-.28,0-.06s0,.37,0,.56l0,.5,0,.25s0,.31,0,.12,0,.08,0,.11,0,.21,0,.31-.06.34-.08.51l-.17,1.08c0,.32-.09.64-.16,1,0,.05,0,.11,0,.17s0,.05,0-.06a.41.41,0,0,1,.22-.28A1.05,1.05,0,0,1,7.86,14c.07,0,.22.2.09,0,.06.07.15.23.06.07s-.07-.13-.1-.19-.2-.3-.2-.42l.07.15-.07-.16c0-.08,0-.15-.08-.22a4.74,4.74,0,0,1-.15-.5,1.5,1.5,0,0,0-2.9.8Z" transform="translate(-1.26 -6)"/><path class="cls-1" d="M17.68,7.28a6.71,6.71,0,0,0-.79,1,4.16,4.16,0,0,0-.45,1.58,14.82,14.82,0,0,0,0,2.21A4.42,4.42,0,0,0,17.2,15a2.55,2.55,0,0,0,.9.62,5.13,5.13,0,0,Line truncated

index.html

@@ -237,7 +237,10 @@
 
         <!-- Medium -->
         <a class="button button-medium" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/medium.svg" alt="">Medium</a><br>
-
+        
+        <!-- NGL -->
+        <a class="button button-ngl" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/ngl.svg" alt="">NGL</a><br>
+        
         <!-- Notion -->
         <a class="button button-notion" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/notion.svg" alt="">Notion</a><br>