diff --git a/static/css/style.css b/static/css/style.css
index 250fe5e..bb2807a 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -32,9 +32,21 @@ font-style: normal;
 
 /***************** EMERGENCY BUTTON AND MOCKUPS****************/
 div#backend-data-button{
-	background-color: #1B42D8;
-	width: 250px;
-	height: 55px;
+	max-width: 365px !important;
+	min-height: 48px  !important;
+	font-family: 'Roboto Condensed Bold', sans-serif;
+	font-size: calc(12px + (14 - 12) * ((100vw - 768px) / (1400 - 768)));
+	line-height: 16px;
+	font-weight: bold;
+	font-stretch: condensed;
+	font-style: normal;
+	line-height: normal;
+	letter-spacing: 1.5px;
+	text-align: center;
+	text-decoration: none;
+	color: #ffffff;
+	cursor: pointer;
+	background-color: var(--blue-blue);
 	border-radius: 6px;
 	margin: 0 auto;
     display: flex;
@@ -42,6 +54,12 @@ div#backend-data-button{
     justify-content: center;
     margin-top: 20px;
 }
+
+img.placeholder-style {
+	width: 100%;
+}
+
+
 div#container-backend-data-button a{
 	text-decoration: none;
 }
@@ -1331,3 +1349,4 @@ div#tutorials-intro h3, div#tutorials-intro p {
 	margin: auto;
 }
 
+
diff --git a/templates/organisation.html b/templates/organisation.html
index 5d19d25..3b452d3 100644
--- a/templates/organisation.html
+++ b/templates/organisation.html
@@ -6,13 +6,13 @@
 <div id="container-backend-data-button">
 
 <a target="_blank" href="https://daap.bannerrepeater.org/wiki/Item:{{ org_id }}">
-<div id="backend-data-button">
+<div id="backend-data-button" class="primary-button">
 <span>Go to backend to see live data</span>
 </div>
 </a>
 
 </div>
 
-<img src="{{ url_for('static', filename='/imgs/Pages/mockup_page_org.png') }}">
+<img class="placeholder-style" src="{{ url_for('static', filename='/imgs/Pages/mockup_page_org.png') }}">
 
 {% endblock content %}
\ No newline at end of file
diff --git a/templates/person.html b/templates/person.html
index d9ac89d..c7578a3 100644
--- a/templates/person.html
+++ b/templates/person.html
@@ -6,13 +6,13 @@
 <div id="container-backend-data-button">
 
 <a target="_blank" href="https://daap.bannerrepeater.org/wiki/Item:{{ person_id }}">
-<div id="backend-data-button">
+<div id="backend-data-button" class="primary-button">
 <span>Go to backend to see live data</span>
 </div>
 </a>
 
 </div>
 
-<img src="{{ url_for('static', filename='/imgs/Pages/mockup_page_person.png') }}">
+<img  class="placeholder-style"  src="{{ url_for('static', filename='/imgs/Pages/mockup_page_person.png') }}">
 
 {% endblock content %}
\ No newline at end of file