diff --git a/src/index.js b/src/index.js
index 3651c36..1691cc1 100644
--- a/src/index.js
+++ b/src/index.js
@@ -100,6 +100,15 @@ const customStyles = (linkstyle, styles) => {
         }
       }
       break;
+    case "bracketeer": {
+      if (styles.color1) {
+        newStyles["--style-color1"] = styles.color1;
+      }
+      if (styles.color2) {
+        newStyles["--style-color2"] = styles.color2;
+      }
+      break;
+    };
   }
   if (linkstyle.includes("highlight6")) {
     if (styles.color1) {
diff --git a/src/links.scss b/src/links.scss
index 7a3d68d..d2026a6 100644
--- a/src/links.scss
+++ b/src/links.scss
@@ -1120,3 +1120,50 @@ $flipbutton_background_color_2: #cc0066;
 		box-shadow: 0px 8px 12px #ccc;
 	}
 }
+
+.bracketeer {
+  --style-color1: #41403e;
+  --style-color2: dodgerblue;
+
+  font-size: 1em;
+  font-weight: 100;
+  color: var(--style-color1);
+  text-decoration: none;
+
+  &:before,
+  &:after {
+    font-size: 1.2em;
+    opacity: 0;
+		transition: all 0.2s ease;
+    position: relative;
+    color: var(--style-color2);
+  }
+
+  &:before {
+    content: "[";
+    left: 8%;
+  }
+  
+  &:after {
+    content: "]";
+    right: 8%;
+  }
+
+  &:hover {
+
+    &:before,
+    &:after {
+      opacity: 1;
+    }
+
+    &:before {
+      content: "[";
+      left: 0;
+    }
+    
+    &:after {
+      content: "]";
+      right: 0;
+    }
+  }
+}