diff --git a/src/styles/effects.scss b/src/styles/effects.scss
new file mode 100644
index 0000000..ed4fb57
--- /dev/null
+++ b/src/styles/effects.scss
@@ -0,0 +1,31 @@
+@keyframes pulse-live {
+  0% {
+    box-shadow: 0 0 0 0 rgba(214, 0, 0, 0.7);
+    box-shadow: 0 0 0 0 rgba(227, 45, 34, 0.7);
+  }
+  70% {
+    box-shadow: 0 0 0 12px rgba(214, 0, 0, 0);
+    box-shadow: 0 0 0 12px rgba(227, 45, 34, 0);
+  }
+  100% {
+    box-shadow: 0 0 0 0 rgba(214, 0, 0, 0);
+    box-shadow: 0 0 0 0 rgba(227, 45, 34, 0);
+  }
+}
+
+@mixin pulse-dot {
+  &::after {
+    content: '';
+    top: 50%;
+    position: absolute;
+    display: block;
+    border-radius: 50%;
+    background-color: #d60000;
+    background-color: rgb(227, 45, 34);
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    animation: pulse-live 2s infinite;
+    height: 16px;
+    width: 16px;
+  }
+}