Make blocked YouTube overlay blink

public/index.html

@@ -27,7 +27,7 @@
                 type="button"
                 hidden
               >
-                Start synced playback
+                Click here to consoom
               </button>
             </div>
           </div>

public/styles.css

@@ -220,13 +220,30 @@ button[aria-pressed="false"] {
 
 .youtube-start-button {
   position: absolute;
-  left: 50%;
-  bottom: 18px;
+  inset: 0;
   z-index: 2;
-  width: auto;
-  min-width: 180px;
-  transform: translateX(-50%);
-  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.38);
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  border-radius: 0;
+  background: rgba(128, 128, 128, 0.88);
+  color: #ffffff;
+  font-size: clamp(32px, 8vw, 86px);
+  font-weight: 800;
+  text-transform: uppercase;
+  animation: blink-visibility 1s steps(1, end) infinite;
+}
+
+@keyframes blink-visibility {
+  0%,
+  49% {
+    opacity: 1;
+  }
+
+  50%,
+  100% {
+    opacity: 0;
+  }
 }
 
 .watch-resize-handle {