scroll up button arrow and hover

src/css/style.css

@@ -409,6 +409,9 @@ a.button:visited {
     width: 50px;
     height: 50px;
     text-decoration: none;
+    background-color: #1e4d6c;
+    border: 0;
+    outline: 0;
     position: fixed;
     right: 1px;
     bottom: 0;
@@ -417,6 +420,24 @@ a.button:visited {
     transition: all 0.3s ease;
 }
 
+.scroll-up-button:hover {
+    background-color: #2e5d7c;
+    cursor: pointer;
+}
+
+.scroll-up-button-arrow {
+    position: relative;
+    left: 12px;
+    top: 3px;
+    width: 12px;
+    height: 12px;
+    border: solid #aac7d4;
+    border-width: 2px 0px 0px 2px;
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+
 .hidden {
     display: none;
 }

src/index.html

@@ -30,7 +30,8 @@
 </head>
 <body>
 
-    <button class="scroll-up-button hidden">^</button>
+    <button class="scroll-up-button hidden"><div class="scroll-up-button-arrow"></div>
+    </button>
 
 <div id="background"></div>