diff --git a/widget/assets/style.css b/widget/assets/style.css
index e1c5c3c..a76d893 100644
--- a/widget/assets/style.css
+++ b/widget/assets/style.css
@@ -187,3 +187,78 @@
 	left: 0;
 	top: 0;
 }
+
+
+.wdg-btn {
+	width: 50%;
+	display: inline-flex;
+	min-height: 40px;
+	min-width: 4rem;
+	box-sizing: border-box;
+	border-radius: 4px;
+	cursor: pointer;
+	margin: 0;
+	padding: 6px 12px;
+	outline: 0;
+	position: relative;
+	align-items: center;
+	justify-content: center;
+	user-select: none;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	-moz-appearance: none;
+	-webkit-appearance: none;
+	-webkit-tap-highlight-color: transparent;
+}
+
+.wdgbtn-label {	
+	font-size: 14px;
+	font-weight: 500;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	text-decoration: none;
+	margin: 0 !important
+}
+
+
+.wdg-btn:hover {
+	box-shadow: 0px 3px 1px -3px rgba(0, 0, 0, 0.2),0px 2px 2px 0px rgba(0, 0, 0, 0.14),0px 1px 5px 0px rgba(0,0,0,.12);
+	transition: box-shadow 20ms cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+.submitReview {
+	display: flex;
+	column-gap: 1rem;
+	padding: 0 0 0 1rem !important;
+	position: absolute !important;
+	bottom: 1.5rem;
+}
+
+html[safe-area="true"] .submitReview {
+    bottom: calc(1.5rem + constant(safe-area-inset-bottom)) !important;
+    bottom: calc(1.5rem + env(safe-area-inset-bottom)) !important;
+  }
+
+
+.btnCancelReview {
+	background-color: var(--bf-theme-background) !important;
+	color: var(--bf-theme-danger) !important;
+	border: 1px solid var(--bf-theme-danger) !important;
+}
+
+.btnSubmitReview, .firstSubmission {
+	border: none;
+	background-color: var(--bf-theme-success) !important;
+	color: #fff !important;
+}
+
+.white {
+	color: #fff !important;
+}
+
+
+.inline-block {
+	display: inline-block !important;
+}
diff --git a/widget/templates/submit.html b/widget/templates/submit.html
index 8cf85be..9cc1cb1 100644
--- a/widget/templates/submit.html
+++ b/widget/templates/submit.html
@@ -30,9 +30,9 @@
             </div>
 		</div>
 		<hr class="none">
-		<div class="col-xs-12 pull-left text-center">
-			<input type="button" class="submit btn btn-success padding-left-thirty padding-right-thirty" ng-click="WidgetSubmit.save()" value="Submit Review" ng-disabled="WidgetSubmit.disabled"></br></br>
-			<input type="button" class="submit btn btn-danger padding-left-thirty padding-right-thirty" ng-click="WidgetSubmit.cancel()" value="Cancel">
+		<div class="col-xs-12 submitReview pull-left text-center">
+			<input type="button" class="btnCancelReview wdg-btn wdgbtn-label inline-block" ng-click="WidgetSubmit.cancel()" value="Cancel" readonly>
+			<input type="button" class="btnSubmitReview wdg-btn wdgbtn-label inline-block" ng-click="WidgetSubmit.save()" value="Submit Review" ng-disabled="WidgetSubmit.disabled" readonly></br></br>
 			<!--<a class="submit btn btn-success padding-left-thirty padding-right-thirty" ng-click="WidgetSubmit.update()" ng-if="WidgetSubmit.isUpdate">Update Review</a>-->
 		</div>
 
diff --git a/widget/templates/wall.html b/widget/templates/wall.html
index af2740d..3a98236 100644
--- a/widget/templates/wall.html
+++ b/widget/templates/wall.html
@@ -28,7 +28,7 @@
 			</div>
 			<!--<a class="btn btn-success btn-sm" ng-if="WidgetWall.noReviews && WidgetWall.reviews" ng-click="WidgetWall.submitReview()">Submit Review</a>-->
             <!--<a class="btn btn-success btn-sm" ng-if="!WidgetWall.noReviews && WidgetWall.reviews" ng-click="WidgetWall.submitReview()">Write a Review</a>-->
-			<a class="btn btn-success btn-sm" ng-if="WidgetWall.reviews" ng-click="WidgetWall.submitReview()">{{WidgetWall.reviewButtonText}}</a>
+			<a class="wdg-btn firstSubmission wdgbtn-label" ng-if="WidgetWall.reviews" ng-click="WidgetWall.submitReview()"><p class="white wdgbtn-label">{{WidgetWall.reviewButtonText}}</p></a>
 			<!--<a class="btn btn-success btn-sm" ng-if="!WidgetWall.noReviews && WidgetWall.reviews" ng-click="WidgetWall.submitReview()">Write a Review</a>-->
 
 			<!--<a class="btn btn-success btn-sm" href="#/">Home</a>-->