Fixed style on redirect payment page

resources/lang/en-GB/portal.php

@@ -12,6 +12,7 @@ return [
     'see_all_details'       => 'See all account details',
     'all_payments'          => 'Login to view all payments',
     'received_date'         => 'Received Date',
+    'redirect_description'  => 'You will be redirected to the :name website to make the payment.',
 
     'last_payment'          => [
         'title'             => 'Last Payment Made',

resources/views/components/payment_method/redirect.blade.php

@@ -1,20 +1,17 @@
-<div>
-    @if (!empty($setting['name']))
-        <h2>{{ $setting['name'] }}</h2>
-    @endif  
-    @if (!empty($setting['description']))
-        <div>{{ $setting['description'] }}</div>
-    @endif
-    <br>
-    <div class="buttons">
-        <div class="pull-right">
-            <x-form id="redirect-form" :url="$confirm_url">
-                <button @click="onRedirectConfirm" type="button" id="button-confirm" class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100">
-                    <span>
-                        {{ trans('general.confirm') }}
-                    </span>
-                </button>
-            </x-form>
-        </div>
-    </div>
+{{ trans('portal.redirect_description', ['name' => $setting['name']]) }}
+
+<div class="mt-3">
+    <x-form id="redirect-form" :url="$confirm_url">
+        <x-button
+            id="button-confirm"
+            kind="primary"
+            override="class"
+            class="relative flex items-center justify-center bg-green hover:bg-green-700 text-white px-6 py-1.5 text-base rounded-lg disabled:bg-green-100"
+            @click="onRedirectConfirm"
+        >
+            <span>
+                {{ trans('general.confirm') }}
+            </span>
+        </x-button>
+    </x-form>
 </div>