button panel shape, location and effects

SergioTorresGarcia · Feb 3, 2024 · 6851163 · 6851163
1 parent 7dd00b8
commit 6851163
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/css/styles.css b/css/styles.css
@@ -206,17 +206,29 @@ button {
 }
 .panelBtns {
     position: absolute;
-    margin-top: -30em;
+    margin-top: -32.5em;
     margin-left: 56em;
     display: flex;
     flex-direction: column;
     z-index: 999;
 }
 .btnTV {
-    margin: 0.2em;
-
+    margin: 0.3em 0.5em 0.3em 0.5em;
+    border-radius: 50%;
+    border:0.2em solid gray;
+    width:2em;
+    height:0.8em;
+
     z-index: 999;
-    background-color: red;
+    background-color: rgb(23, 23, 23);
+}
+.btnTV:hover {
+    background-color: darkred
+}
+.btnTV>div {
+    padding-left:2.5em;
+    color: gray;
+
 }
 
 .btn span {