diff --git a/src/assets/stylesheets/footer.scss b/src/assets/stylesheets/footer.scss
new file mode 100644
index 0000000000000000000000000000000000000000..604c10640941120fc0e95f00de3955e7a8506932
--- /dev/null
+++ b/src/assets/stylesheets/footer.scss
@@ -0,0 +1,38 @@
+:local(.container) {
+  position: absolute;
+  width: 100%;
+  background-color: rgba(0, 0, 0, 0.35);
+  bottom: 0;
+  display: grid;
+  font-size: 1.3em;
+  height: 48px;
+}
+:local(.hub-info) {
+  grid-column: 1;
+  grid-row: 1;
+  margin: 8px;
+}
+:local(.share-button) {
+  background: none;
+  border: 3px solid white;
+  border-radius: 16px;
+  color: white;
+  margin: 0 8px;
+  pointer-events: auto;
+  cursor: pointer;
+  width: 32px;
+  height: 32px;
+}
+:local(.share-button__icon) {
+  margin-bottom: 1px;
+  margin-left: -1px;
+}
+:local(.hub-stats) {
+  grid-column: 3;
+  grid-row: 1;
+  text-align: right;
+  margin: 8px;
+}
+:local(.hub-participant-count) {
+  margin: 0 8px;
+}