style: style medal popup close button same as geo

Author: francelu

website/js/delegations.js

@@ -953,15 +953,8 @@
       `);
 
     header.append("button")
+      .attr("class", "medal-popup-close")
       .text("Close")
-      .style("background", "#aeeaf2")
-      .style("border", "2px solid white")
-      .style("border-radius", "10px")
-      .style("padding", "9px 18px")
-      .style("font-family", "'Elms Sans', sans-serif")
-      .style("font-size", "15px")
-      .style("font-weight", "800")
-      .style("cursor", "pointer")
       .on("click", () => overlay.remove());
 
     const chart = overlay.append("div")

website/styles.css

@@ -769,6 +769,21 @@ p {
   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
 }
 
+.medal-popup-close {
+  background: #ffd166;
+  color: #111;
+  border: 2px solid white;
+  border-radius: 10px;
+  padding: 8px 14px;
+  font-size: 15px;
+  font-weight: 800;
+  cursor: pointer;
+}
+
+.medal-popup-close:hover {
+  filter: brightness(1.06);
+}
+
 /* =============================================
    Body types section
    =========================================== */