Update css for deactivation

style.css

@@ -2,7 +2,7 @@
 
 /* Created by Sharty Themes https://github.com/ShartyThemes */
 
-/* CSS-V1.0.1-CHECK (Note: if you are adding this code manually, do not remove this comment or else any existing css will be overwritten) */
+/* CSS-V1.0.2-CHECK (Note: if you are adding this code manually, do not remove this comment or else any existing css will be overwritten) */
 
 @font-face {
   font-family: W95;
@@ -77,12 +77,29 @@
   border: 3px solid rgb(136, 136, 136);
   border-radius: 50px;
   overflow: hidden;
+  z-index: 1;
 }
 
 #eye {
   background-color: red;
   border: none;
-  width: 45px; height: 45px;
+  border-radius: 50px;
+  width: 100%; height: 100%;
+  position: relative;
+  z-index: -1;
+  display: block;
+}
+
+.eye-off {
+  box-shadow: 0 0 7px 12px inset black;
+}
+.pupil-off {
+  transform: translate(-50%, -50%) scale(.3) !important;
+}
+
+@keyframes eyeOff {
+  from { box-shadow: 0 0 2px 0px inset black;}
+  to { box-shadow: 0 0 7px 12px inset black;}
 }
 
 #pupil {
@@ -91,6 +108,11 @@
   pointer-events: none;
 }
 
+@keyframes pupilShrink {
+  from {transform: translate(-50%, -50%) scale(1);}
+  to {transform: translate(-50%, -50%) scale(.3);}
+}
+
 .hidden {
   display: none !important;  
 }
@@ -285,6 +307,28 @@
   text-align: center;
   display: flex;
   flex-direction: column;
+  align-items: center;
+}
+
+#options-popup button {
+  min-width: 60px;
+}
+
+#deactivate-btn {
+  color: white !important;
+  box-shadow: none !important;
+  font-weight: bold;
+  display: block;
+  padding: 5px 0px !important;
+  width: 100%;
+}
+
+#deactivate-btn:hover {
+  scale: 102%;
+}
+
+#deactivate-btn:active {
+  scale: 100%;
 }
 
 #options-popup iframe {