diff --git a/littlelink/css/brands.css b/littlelink/css/brands.css
index 6014b2828..91fef5669 100644
--- a/littlelink/css/brands.css
+++ b/littlelink/css/brands.css
@@ -297,10 +297,10 @@ button:hover,
.button.button-vimeo:focus {
filter: brightness(90%) }
-/* YouTube */
+/* YouTube V2 */
.button.button-youtube {
color: #FFFFFF;
- background-color: #000000 }
+ background-color: #FF0000 }
.button.button-youtube:hover,
.button.button-youtube:focus {
filter: brightness(90%) }
@@ -423,6 +423,16 @@ button:hover,
filter: brightness(90%);
}
+/* Trello */
+.button.button-trello {
+ color: #ffffff;
+ background-color: #0079bf;
+}
+.button.button-trello:hover,
+.button.button-trello:focus {
+ filter: brightness(90%);
+}
+
/* Website */
.button.button-website {
color: #ffffff;
diff --git a/littlelink/icons/trello.svg b/littlelink/icons/trello.svg
new file mode 100644
index 000000000..aac9e8ad2
--- /dev/null
+++ b/littlelink/icons/trello.svg
@@ -0,0 +1 @@
+
diff --git a/littlelink/icons/youtube.svg b/littlelink/icons/youtube.svg
index 7cf1b9b8e..7fbe6417f 100644
--- a/littlelink/icons/youtube.svg
+++ b/littlelink/icons/youtube.svg
@@ -1,11 +1 @@
-
+