Update SVG path, add drop shadow

Author: adamhb123

_sass/_slider.scss

@@ -34,9 +34,10 @@ $carousel-scroll-down-button-size-smaller: 25px;
 
 #carousel-scroll-down-button > svg {
     max-width: $carousel-scroll-down-button-size-larger;
-    height: auto;
     width: $carousel-scroll-down-button-size-larger;
-    
+    height: auto;
+    -webkit-filter: drop-shadow(0px 0px 2px black);
+    filter: drop-shadow(0px 0px 2px black);
 }
 @media screen and (max-width: $carousel-breakpoint) {
     #carousel-scroll-down-button > svg {

index.html

@@ -7,13 +7,10 @@
 <!-- Floating scroll-down button -->
     <button id="carousel-scroll-down-button"  aria-label="Scroll to the end/bottom of the image carousel">
          <svg xmlns="http://www.w3.org/2000/svg"
-              width="50px" height="25px"
-              viewBox="0 0 355 125">
-           <path id="path4943"
-                 fill="none" stroke="black" stroke-width="20"
-                 d="M 0.29,0.41
-                    C 0.29,0.41 177.00,123.39 177.00,123.39
-                      177.00,123.39 353.71,0.41 353.71,0.41" />
+              viewBox="-20 -20 355 155">
+            <path id="carousel-scroll-down-button-path"
+                    fill="none" stroke="white" stroke-width="25" stroke-linecap="round" opacity=".9"
+                    d="M 0 0 C 0 0 141.4 86.1 141.4 86.1 C 141.4 86.1 282.8 0 282.8 0" />
          </svg>
     </button>
 </div>