diff --git a/app.css b/app.css
index e323660..135e566 100644
--- a/app.css
+++ b/app.css
@@ -277,6 +277,11 @@ body {
   flex-direction: column;
 }
 
+.control-pannel__button-display {
+  display: flex;
+  align-items: center;
+}
+
 h1 {
   max-width: fit-content;
   background: #438149;
@@ -285,14 +290,26 @@ h1 {
 }
 
 .button-display__button {
-  -moz-box-shadow:    inset 0 0 5px #515151;
+  -moz-box-shadow: inset 0 0 5px #515151;
   -webkit-box-shadow: inset 0 0 5px #515151;
-  box-shadow:         inset 0 0 5px #515151;
+  box-shadow: inset 0 0 5px #515151;
   width: fit-content;
 }
 
-.button-display__button__depressed {
-  color: #BFBFBF; 
+.button-text__embossed {
+  color: #bfbfbf;
   text-shadow: 1px 1px 1px #565656;
   padding: 5px;
+  margin: 0;
+}
+
+.button-text__engraved {
+  text-shadow: 1px 1px 0px #616161, 2px 1px 0px #aeb5b5;
+  color: transparent;
+  margin: 0;
+}
+
+.buttons {
+  width: fit-content;
+  box-shadow: inset 0 0 2px #515151;
 }
diff --git a/index.html b/index.html
index abfc791..10a3e1d 100644
--- a/index.html
+++ b/index.html
@@ -87,7 +87,12 @@
               <div class="outer-container__two">
                 <div class="control-pannel__button-display">
                   <div class="button-display__button">
-                    <p class="button-display__button__depressed">VEHICLE</p>
+                    <p class="button-text__embossed">VEHICLE</p>
+                  </div>
+                  <div class="outer-container__one buttons">
+                    <div class="outer-container__two">
+                      <p class="button-text__engraved">TOUR</p>
+                    </div>
                   </div>
                 </div>
                 <div class="control-pannel__video-screen"></div>