diff --git a/public_html/css/hpr.css b/public_html/css/hpr.css
index 93271ef..e33802e 100644
--- a/public_html/css/hpr.css
+++ b/public_html/css/hpr.css
@@ -26,16 +26,17 @@ https://creativecommons.org/publicdomain/
     url("/css/bebas/BebasNeue.woff") format("woff");
 }
 :root {
-	--background-primary: #dfdfdf;
+	--background-primary: #fffff7/*#fafafa#fbfbee #dfdfdf */;
 	--text-primary: #4d4d4d; /* HPR Grey */
 	--banner-text-primary: #000000;
 	--background-secondary: #4d4d4d;
 	--text-secondary: #dfdfdf;
 	--link-primary: #004852 /*#154a60*/;
-	--link-primary-hover: #f8961e;
+	--link-primary-hover: #b54c08/*#f8961e*/;
 	--link-secondary: #a8f8ff;
 	--link-secondary-hover: #f9e9c2;
 
+	--lane-button-border: #80b4c0;
 	--input-border-primary: #4d4d4d;
 
 	--link-spacing-horizontal: clamp(0.5rem, -0.25rem + 3vw, 2.5rem);
@@ -299,12 +300,17 @@ a.lane-button {
 	margin: 0.5rem var(--link-spacing-horizontal);
 	padding: 0.5rem;
 	border-width: 5px;
-	border-color: var(--link-primary);
+	border-color: var(--lane-button-border);
 	border-style: solid;
 	border-radius: 5px;
 	text-align: center;
 
 }
+a.lane-button:hover {
+	box-shadow: 
+      1px 2px 2px var(--link-primary-hover),
+      2px 4px 4px var(--link-primary-hover);
+}
 a.lane-button img {
 	height: clamp(95px, calc(100vw - var(--for-tablet-portrait-up)), 110px);
 	filter: invert(60%) sepia(50%) hue-rotate(140deg) saturate(200%);