Fixed download buttons

css/styles.css

@@ -686,6 +686,10 @@ a.download_button {
 	left: 290px;
 }
 
+a.download_button:hover {
+  opacity: 1.0;
+}
+
 div.download_button {
 	text-decoration: none;
 	position: relative;
@@ -787,7 +791,17 @@ p.code:hover {
     border-radius: 12px; /* Rounded Edges */
 }
 
+.button4:hover {
+    background-color: #4CAF50;
+}
 
+a.button4:hover {
+  opacity: 1.0;
+}
+
+a.button2:hover {
+  opacity: 1.0;
+}
 
 .tooltip {
   position: relative;
@@ -935,14 +949,15 @@ img.button {
 
 
 a.button_left:hover {
-    opacity: 0.7;
+    opacity: 1.0;
   # color:#D1D1D1;
     text-decoration: underlined;
     font-family: Arial, Helvetica, sans-serif;
+    background-color: #4CAF50;
 }
 
 a.button_right:hover {
-    opacity: 0.7;
+  # opacity: 0.7;
   # color:#D1D1D1;
     text-decoration: underlined;
     font-family: Arial, Helvetica, sans-serif;

index.html

@@ -68,10 +68,8 @@
 	<div id="full_button" class="download-prompt-wrapper-2" style="width: 200px;">
 		<center>
 			<div class="download_button" id="download_button_index">
-				<div class="tooltip"><a class="button_left" style="padding-right: 30px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="https://t.me/amereleases" target="_blank">ISO Download<img style="position: relative; bottom: -2px; right: -10px;" src="img/download.png"
-							width="16px">
-					</a>
-					<span class="tooltiptext" style="position: absolute; left: 86px; margin-bottom: 15px; font-size: 12px;">Downloads on Telegram channel</span>
+				<div class="tooltip"><a class="button_left" style="padding-left: 25px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="https://t.me/amereleases" target="_blank"><img style="position: relative; bottom: 0px; right: 8px;" src="img/download.png"width="12px">ISO Download</a>
+				<!-- <span class="tooltiptext" style="position: absolute; left: 86px; margin-bottom: 15px; font-size: 12px;">Downloads on Telegram channel</span> -->
 
 				</div>
 				<div class="clear"></div>
@@ -86,10 +84,8 @@
 	<div id="minimal_button" class="download-prompt-wrapper-2" style="width: 200px;">
 		<center>
 			<div class="download_button" id="download_button_index">
-				<div class="tooltip"><a class="button_left" style="padding-right: 30px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="documentation.html">Build Yourself<img style="position: relative; bottom: -2px; right: -10px;" src="img/book.png"
-							width="16px">
-					</a>
-					<span class="tooltiptext" style="position: absolute; left: 84px; margin-bottom: 15px; font-size: 12px;">Apply via AME documentation</span>
+				<div class="tooltip"><a class="button_left" style="padding-left: 25px; border-radius: 12px 12px 12px 12px; cursor: pointer;" id="direct" href="documentation.html"><img style="position: relative; bottom: 0px; right: 8px;" src="img/book.png"width="12px">Build Yourself</a>
+				<!-- <span class="tooltiptext" style="position: absolute; left: 84px; margin-bottom: 15px; font-size: 12px;">Apply via AME documentation</span> -->
 
 				</div>
 				<div class="clear"></div>