Improve Logo Button css + on hover (#198)

Author: FranceBe

examples/customized-style.html

@@ -34,7 +34,7 @@ <h1>Sac à main</h1>
         <button>Fake button</button>
         <p> The button above should be red with border blue, and the paragraph has a red border and a margin bottom set to 16px. </p>
         <p> Those are style from style.css which is the main style of the page (like the merchant website style) and should not be impacted by the widget style. </p>
-        <select onchange="renderPaymentPlans()" id="quantity">
+        <select onchange="renderPaymentPlans(); renderPaymentPlansCustom();" id="quantity">
           <option value="1">1</option>
           <option value="2">2</option>
           <option value="3">3</option>

examples/style.css

@@ -24,6 +24,11 @@ button {
   margin: 6px;
 }
 
+button:hover,
+button:focus {
+  background-color: #60d2df;
+}
+
 p {
   margin-bottom: 16px;
   border: 1px solid red;

src/Widgets/PaymentPlans/PaymentPlans.module.css

@@ -192,6 +192,15 @@
   color: inherit;
   box-shadow: none;
   border-radius: 0;
+  cursor: pointer;
+}
+
+.knowMore:hover {
+  background-color: transparent;
+  border: none;
+  text-decoration: none;
+  transform: scale(1.05);
+  box-shadow: none;
 }
 
 .knowMore:focus,