Merge pull request #5063 from msalcala11/fixClickToPay

fix click to pay button to bottom of screen

src/sass/buttons.scss

@@ -19,8 +19,7 @@ $button-secondary-border:          transparent;
 $button-secondary-active-bg:       darken($subtle-gray, 5%);
 $button-secondary-active-border:   transparent;
 
-%button-standard,
-click-to-accept {
+%button-standard {
   width: 85%;
   max-width: 300px;
   margin-left: auto;

src/sass/views/includes/clickToAccept.scss

@@ -1,7 +1,18 @@
 click-to-accept {
 
+  position: fixed;
+  bottom: 0;
+  height: 92px;
+  width: 100%;
+
   .click-to-accept {
 
+    &__button.button.button-primary.button-standard {
+      height: 100%;
+      max-width: 9999px;
+      width: 100%;
+    }
+
     &__button.disable {
       pointer-events: none;
     }
@@ -18,6 +29,9 @@ click-to-accept {
       transform: translateY(2rem);
       opacity: 0;
       pointer-events: none;
+      display: flex;
+      align-items: center;
+      justify-content: center;
 
       &.enter {
         transition: transform 250ms ease, opacity 250ms ease;

src/sass/views/includes/txp-details.scss

@@ -8,7 +8,7 @@
   .list {
     background: #f5f5f5;
   }
-  .slide-to-pay {
+  .add-bottom-for-cta {
     bottom: 92px;
   }
   .head {