From 6545cee88f113224b2e590485c88d1e69dfbe364 Mon Sep 17 00:00:00 2001
From: ankitkarki17 <ankitkarki17@gmail.com>
Date: Fri, 16 Jul 2021 14:23:21 +0545
Subject: [PATCH 1/3] Fix - Design issue in search button caused by new WP 5.8

---
 sass/site/secondary/_widgets.scss |   9 --
 style.css                         | 203 ++++++++++++++++++++++--------
 2 files changed, 151 insertions(+), 61 deletions(-)

diff --git a/sass/site/secondary/_widgets.scss b/sass/site/secondary/_widgets.scss
index ce361fc..abece0d 100644
--- a/sass/site/secondary/_widgets.scss
+++ b/sass/site/secondary/_widgets.scss
@@ -190,19 +190,10 @@
 .widget_search button {
     height: 36px;
     margin-left: -3px;
-    width: 15%;
 }
 
-
-
  .widget_search input[type="search"] {
      width: 70%;
      display: inline-block;
      vertical-align: top;
  }
-
- .widget_search button {
-     height: 36px;
-     margin-left: -3px;
-     width: 46px;
- }
\ No newline at end of file
diff --git a/style.css b/style.css
index 5d9ccb9..d5361c6 100644
--- a/style.css
+++ b/style.css
@@ -57,7 +57,8 @@ html {
   /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
   /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
   /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
-  box-sizing: border-box; }
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box; }
 
 body {
   background: #fff; }
@@ -322,6 +323,8 @@ input[type="submit"] {
   display: inline-block;
   position: relative;
   text-shadow: none;
+  -webkit-transition: background 0.5s ease;
+  -o-transition: background 0.5s ease;
   transition: background 0.5s ease; }
 
 .navigation .nav-links a:hover,
@@ -391,6 +394,7 @@ textarea {
 a {
   color: #00A9E0;
   text-decoration: none;
+  -o-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out; }
@@ -410,7 +414,8 @@ a:focus {
 .screen-reader-text {
   border: 0;
   clip: rect(1px, 1px, 1px, 1px);
-  clip-path: inset(50%);
+  -webkit-clip-path: inset(50%);
+          clip-path: inset(50%);
   height: 1px;
   margin: -1px;
   overflow: hidden;
@@ -422,9 +427,11 @@ a:focus {
   .screen-reader-text:focus {
     background-color: #f1f1f1;
     border-radius: 3px;
-    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+            box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
     clip: auto !important;
-    clip-path: none;
+    -webkit-clip-path: none;
+            clip-path: none;
     color: #21759b;
     display: block;
     font-size: 0.875rem;
@@ -868,6 +875,8 @@ Gutenberg Blocks Layout.
 .wp-block-social-links.alignleft,
 .wp-block-social-links.alignright,
 .wp-block-social-links.aligncenter {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex; }
 
 /* Make sure embeds and iframes fit their containers */
@@ -896,8 +905,6 @@ body {
 
 #page {
   -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease; }
 
@@ -959,8 +966,6 @@ body {
   padding: 0 0 5px 25px;
   position: relative;
   -webkit-transition: color 0.3s ease 0s;
-  -moz-transition: color 0.3s ease 0s;
-  -ms-transition: color 0.3s ease 0s;
   -o-transition: color 0.3s ease 0s;
   transition: color 0.3s ease 0s;
   display: block; }
@@ -1007,8 +1012,6 @@ body {
   position: absolute;
   top: 0;
   -webkit-transition: color 0.3s ease;
-  -moz-transition: color 0.3s ease;
-  -ms-transition: color 0.3s ease;
   -o-transition: color 0.3s ease;
   transition: color 0.3s ease; }
 
@@ -1075,19 +1078,13 @@ body {
 
 .widget_search button {
   height: 36px;
-  margin-left: -3px;
-  width: 15%; }
+  margin-left: -3px; }
 
 .widget_search input[type="search"] {
   width: 70%;
   display: inline-block;
   vertical-align: top; }
 
-.widget_search button {
-  height: 36px;
-  margin-left: -3px;
-  width: 46px; }
-
 /*--------------------------------------------------------------
 # layouts
 --------------------------------------------------------------*/
@@ -1251,6 +1248,8 @@ body {
     padding: 0 10px;
     font-weight: 600;
     border-right: 1px solid #c0bfbf;
+    -webkit-transition: all 0.5s ease;
+    -o-transition: all 0.5s ease;
     transition: all 0.5s ease; }
     .right-header-block a:hover {
       background: #00a9e0;
@@ -1416,8 +1415,6 @@ body {
   cursor: pointer;
   font-size: 14px;
   -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   position: relative;
@@ -1464,6 +1461,8 @@ body {
   width: 200px;
   opacity: 0;
   visibility: hidden;
+  -webkit-transition: all 0.5s ease;
+  -o-transition: all 0.5s ease;
   transition: all 0.5s ease; }
 
 #category-navigation ul li:hover > ul.sub-menu {
@@ -1477,7 +1476,8 @@ body {
 #masthead .widget_shopping_cart {
   background: #fff none repeat scroll 0 0;
   border: 1px solid #f1f1f1;
-  box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
+  -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
+          box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
   opacity: 0;
   padding: 20px 15px;
   position: absolute;
@@ -1485,8 +1485,12 @@ body {
   top: 120%;
   visibility: hidden;
   width: 250px;
+  -webkit-transition: all 0.5s ease;
+  -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
-  transform: translateX(-50%);
+  -webkit-transform: translateX(-50%);
+      -ms-transform: translateX(-50%);
+          transform: translateX(-50%);
   z-index: 9;
   border-bottom: 3px solid #00A9E0;
   border-top: 3px solid #00A9E0; }
@@ -1497,7 +1501,9 @@ body {
     content: "";
     position: absolute;
     left: 50%;
-    transform: translateX(-50%);
+    -webkit-transform: translateX(-50%);
+        -ms-transform: translateX(-50%);
+            transform: translateX(-50%);
     top: -10px; }
 
 #masthead .cart-wrapper:hover .widget_shopping_cart {
@@ -1521,6 +1527,8 @@ body {
   float: left;
   margin: 20px 0 0 3%;
   text-align: center;
+  -webkit-transition: all 0.5s ease;
+  -o-transition: all 0.5s ease;
   transition: all 0.5s ease; }
   .widget_shopping_cart .button:hover {
     background: #00A9E0;
@@ -1538,7 +1546,8 @@ body {
   padding-right: 32px; }
   .woocommerce.widget_shopping_cart .cart_list li img {
     border-radius: 100%;
-    box-shadow: none;
+    -webkit-box-shadow: none;
+            box-shadow: none;
     float: left;
     height: auto;
     margin-right: 10px;
@@ -1572,6 +1581,8 @@ body {
     text-align: center;
     font-weight: 400;
     background: none;
+    -webkit-transition: all 0.5s ease;
+    -o-transition: all 0.5s ease;
     transition: all 0.5s ease; }
     .woocommerce .widget_shopping_cart_content .buttons a.button:hover {
       background: #00A9E0;
@@ -1599,6 +1610,8 @@ body {
         position: relative;
         text-transform: uppercase;
         display: block;
+        -webkit-transition: all 0.5s ease;
+        -o-transition: all 0.5s ease;
         transition: all 0.5s ease; }
       #site-navigation ul li:first-child {
         margin-left: 0; }
@@ -1614,7 +1627,8 @@ body {
     border-bottom: 3px solid #00A9E0;
     z-index: 999;
     background: #ffffff;
-    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
+    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
+            box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.05);
     opacity: 0;
     visibility: hidden; }
     #site-navigation .sub-menu li,
@@ -1641,7 +1655,11 @@ body {
   content: "\f107";
   font-family: FontAwesome;
   color: #454545;
-  transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+      -ms-transform: translateY(-50%);
+          transform: translateY(-50%);
+  -webkit-transition: all 0.5s ease;
+  -o-transition: all 0.5s ease;
   transition: all 0.5s ease; }
 
 #site-navigation ul.sub-menu li.menu-item-has-children > a:after {
@@ -1687,8 +1705,6 @@ body {
   line-height: 43px;
   padding: 0;
   -webkit-transition: all 0.5s ease;
-  -moz-transition: all 0.5s ease;
-  -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
   cursor: pointer; }
@@ -1717,7 +1733,8 @@ body {
     background: #ffffff none repeat scroll 0 0;
     border-bottom: 3px solid #00a9e0;
     border-top: 3px solid #00a9e0;
-    box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);
+    -webkit-box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);
+            box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.15);
     padding: 15px;
     position: absolute;
     right: 0;
@@ -1742,7 +1759,8 @@ body {
     .search-wrapper .header-search-box .searchsubmit {
       border: medium none;
       border-radius: 0;
-      box-shadow: none;
+      -webkit-box-shadow: none;
+              box-shadow: none;
       color: #fff;
       float: left;
       padding: 10px 0 10px;
@@ -1757,8 +1775,11 @@ body {
   width: calc(100% - 43px); }
 
 .no-results form.searchform {
+  display: -webkit-box;
+  display: -ms-flexbox;
   display: flex;
-  flex-wrap: wrap; }
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap; }
 
 /*--------------------------------------------------------------
 # Slider
@@ -1779,7 +1800,6 @@ body {
     width: 62px;
     height: 50px;
     font: 0px/0 a;
-    -moz-transition: all 0.5s;
     -o-transition: all 0.5s;
     -webkit-transition: all 0.5s;
     transition: all 0.5s; }
@@ -1826,7 +1846,11 @@ body {
     position: absolute;
     left: 0;
     top: 50%;
-    transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+            transform: translateY(-50%);
+    -webkit-transition: all 0.5s ease;
+    -o-transition: all 0.5s ease;
     transition: all 0.5s ease; }
     .big-slider .bx-controls .bx-next i,
     .big-slider .bx-controls .bx-prev i {
@@ -1853,7 +1877,9 @@ body {
   position: absolute;
   left: 50%;
   top: 50%;
-  transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+      -ms-transform: translate(-50%, -50%);
+          transform: translate(-50%, -50%);
   width: 80%;
   text-align: center; }
   .slider-caption-wrapper .slider-title {
@@ -1877,6 +1903,8 @@ body {
     font-size: 14px;
     font-weight: 600;
     padding: 8px 0 8px 30px;
+    -webkit-transition: all 0.5s ease;
+    -o-transition: all 0.5s ease;
     transition: all 0.5s ease; }
     .slider-caption-wrapper .slider-btn i {
       background: #0791be none repeat scroll 0 0;
@@ -1884,6 +1912,8 @@ body {
       display: inline;
       margin-left: 15px;
       padding: 11px 15px 10px;
+      -webkit-transition: all 0.5s ease;
+      -o-transition: all 0.5s ease;
       transition: all 0.5s ease; }
     .slider-caption-wrapper .slider-btn:hover {
       background: #0791be; }
@@ -1941,7 +1971,11 @@ body {
     position: absolute;
     left: 0;
     top: 50%;
-    transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+            transform: translateY(-50%);
+    -webkit-transition: all 0.5s ease;
+    -o-transition: all 0.5s ease;
     transition: all 0.5s ease; }
     .category-slider .bx-controls .bx-next i,
     .category-slider .bx-controls .bx-prev i {
@@ -2086,6 +2120,8 @@ body {
       padding: 8px 10px;
       position: absolute;
       width: 100%;
+      -webkit-transition: all 0.5s ease;
+      -o-transition: all 0.5s ease;
       transition: all 0.5s ease; }
       .hot-product-content-wrapper .hot-img .cart-price-wrapper .add_to_cart_button {
         float: left;
@@ -2201,6 +2237,8 @@ body {
       text-align: center;
       width: 30px;
       color: #00A9E0;
+      -webkit-transition: all 0.5s ease;
+      -o-transition: all 0.5s ease;
       transition: all 0.5s ease; }
       .widget-collection .cart-wishlist-btn a i:hover {
         color: #ffffff !important;
@@ -2216,7 +2254,9 @@ body {
       font-family: FontAwesome;
       top: 50%;
       left: 0;
-      transform: translateY(-53%);
+      -webkit-transform: translateY(-53%);
+          -ms-transform: translateY(-53%);
+              transform: translateY(-53%);
       position: absolute;
       color: #ffffff;
       font-size: 16px;
@@ -2257,7 +2297,11 @@ body {
     overflow: hidden; }
     .collection-thumb-block .collection-thumb-img img {
       display: block;
-      transform: scale(1) rotate(0deg);
+      -webkit-transform: scale(1) rotate(0deg);
+          -ms-transform: scale(1) rotate(0deg);
+              transform: scale(1) rotate(0deg);
+      -webkit-transition: all 0.3s ease;
+      -o-transition: all 0.3s ease;
       transition: all 0.3s ease; }
   .collection-thumb-block .collection-thumb-hover {
     background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
@@ -2272,6 +2316,8 @@ body {
       position: absolute;
       text-align: center;
       width: 100%;
+      -webkit-transition: all 0.3s ease;
+      -o-transition: all 0.3s ease;
       transition: all 0.3s ease; }
       .collection-thumb-block .collection-thumb-hover .collection-thumb-title-wrapper .collection-thumb-title {
         color: #ffffff;
@@ -2292,10 +2338,14 @@ body {
       left: 50%;
       position: absolute;
       top: 50%;
-      transform: translate(-50%, -50%);
+      -webkit-transform: translate(-50%, -50%);
+          -ms-transform: translate(-50%, -50%);
+              transform: translate(-50%, -50%);
       width: 93%; }
   .collection-thumb-block:hover img {
-    transform: scale(1.1) rotate(-2deg); }
+    -webkit-transform: scale(1.1) rotate(-2deg);
+        -ms-transform: scale(1.1) rotate(-2deg);
+            transform: scale(1.1) rotate(-2deg); }
   .collection-thumb-block:hover .collection-thumb-hover .collection-thumb-title-wrapper {
     bottom: 40px; }
 
@@ -2313,7 +2363,9 @@ body {
     top: 0;
     height: 100%;
     max-width: 1200px;
-    transform: translateX(-50%); }
+    -webkit-transform: translateX(-50%);
+        -ms-transform: translateX(-50%);
+            transform: translateX(-50%); }
     .widget-about .tg-container .about-content-wrapper {
       position: absolute;
       left: 0;
@@ -2325,7 +2377,9 @@ body {
         position: absolute;
         top: 50%;
         left: 0;
-        transform: translateY(-50%);
+        -webkit-transform: translateY(-50%);
+            -ms-transform: translateY(-50%);
+                transform: translateY(-50%);
         z-index: 999; }
         .widget-about .tg-container .about-content-wrapper .about-block .about-title {
           font-size: 28px;
@@ -2357,7 +2411,9 @@ body {
         position: absolute;
         right: 650px;
         top: 50%;
-        transform: rotate(70deg) translateY(-50%);
+        -webkit-transform: rotate(70deg) translateY(-50%);
+            -ms-transform: rotate(70deg) translateY(-50%);
+                transform: rotate(70deg) translateY(-50%);
         width: 2000px;
         z-index: 9; }
 
@@ -2393,14 +2449,20 @@ body {
         z-index: 9;
         opacity: 0;
         visibility: hidden;
+        -webkit-transition: all 0.5s ease;
+        -o-transition: all 0.5s ease;
         transition: all 0.5s ease; }
         .featured-slider li .featured-img .featured-hover-wrapper .featured-hover-block {
           position: absolute;
           left: 0;
           top: 52%;
-          transform: translateY(-50%);
+          -webkit-transform: translateY(-50%);
+              -ms-transform: translateY(-50%);
+                  transform: translateY(-50%);
           text-align: center;
           width: 100%;
+          -webkit-transition: all 0.5s ease;
+          -o-transition: all 0.5s ease;
           transition: all 0.5s ease;
           opacity: 0;
           visibility: hidden; }
@@ -2427,7 +2489,9 @@ body {
               font-family: FontAwesome;
               top: 50%;
               left: 50%;
-              transform: translate(-50%, -50%);
+              -webkit-transform: translate(-50%, -50%);
+                  -ms-transform: translate(-50%, -50%);
+                      transform: translate(-50%, -50%);
               position: absolute;
               color: #ffffff;
               font-size: 16px; }
@@ -2691,6 +2755,8 @@ body {
     line-height: 24px;
     text-transform: uppercase;
     display: block;
+    -webkit-transition: background 0.3s ease;
+    -o-transition: background 0.3s ease;
     transition: background 0.3s ease; }
     .has-post-thumbnail .entry-thumbnail .posted-on a,
     .widget_featured_posts_block .entry-thumbnail .posted-on a {
@@ -2865,14 +2931,20 @@ ul.wp-block-gallery {
       z-index: 9;
       opacity: 0;
       visibility: hidden;
+      -webkit-transition: all 0.5s ease;
+      -o-transition: all 0.5s ease;
       transition: all 0.5s ease; }
       .woocommerce-page ul.products li.product .products-img .products-hover-wrapper .products-hover-block {
         position: absolute;
         left: 0;
         top: 52%;
-        transform: translateY(-50%);
+        -webkit-transform: translateY(-50%);
+            -ms-transform: translateY(-50%);
+                transform: translateY(-50%);
         text-align: center;
         width: 100%;
+        -webkit-transition: all 0.5s ease;
+        -o-transition: all 0.5s ease;
         transition: all 0.5s ease;
         opacity: 0;
         visibility: hidden; }
@@ -2902,7 +2974,9 @@ ul.wp-block-gallery {
             font-family: FontAwesome;
             top: 50%;
             left: 50%;
-            transform: translate(-50%, -50%);
+            -webkit-transform: translate(-50%, -50%);
+                -ms-transform: translate(-50%, -50%);
+                    transform: translate(-50%, -50%);
             position: absolute;
             color: #ffffff;
             font-size: 16px; }
@@ -3094,7 +3168,8 @@ ul.wp-block-gallery {
       border-radius: 0;
       padding: 0 20px;
       background: #F0F2F1;
-      box-shadow: none; }
+      -webkit-box-shadow: none;
+              box-shadow: none; }
       .single-product.woocommerce-page .product .woocommerce-tabs .tabs.wc-tabs li:before, .single-product.woocommerce-page .product .woocommerce-tabs .tabs.wc-tabs li:after {
         display: none; }
     .single-product.woocommerce-page .product .woocommerce-tabs .tabs.wc-tabs li.active {
@@ -3116,7 +3191,9 @@ ul.wp-block-gallery {
       position: absolute;
       top: 50%;
       width: 80px;
-      transform: translateY(-50%); }
+      -webkit-transform: translateY(-50%);
+          -ms-transform: translateY(-50%);
+              transform: translateY(-50%); }
     .single-product.woocommerce-page .product .woocommerce-tabs #tab-reviews #comments .comment-text {
       border-radius: 0;
       padding: 20px 20px 20px 50px;
@@ -3148,7 +3225,9 @@ ul.wp-block-gallery {
     border-radius: 0;
     width: 20px;
     height: 20px;
-    transform: rotate(45deg);
+    -webkit-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+            transform: rotate(45deg);
     top: 50%;
     margin-top: -10px; }
     .woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content .ui-slider-handle:before {
@@ -3158,7 +3237,9 @@ ul.wp-block-gallery {
       position: absolute;
       left: 50%;
       top: 50%;
-      transform: translate(-50%, -50%) rotate(-45deg); }
+      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
+          -ms-transform: translate(-50%, -50%) rotate(-45deg);
+              transform: translate(-50%, -50%) rotate(-45deg); }
 
 .woocommerce.widget_price_filter .price_slider_wrapper .price_slider_amount .price_label {
   font-size: 14px; }
@@ -3263,6 +3344,8 @@ ul.wp-block-gallery {
     font-weight: 600;
     height: 36px;
     padding: 0 10px;
+    -webkit-transition: background 0.5s ease;
+    -o-transition: background 0.5s ease;
     transition: background 0.5s ease; }
     .woocommerce-cart .woocommerce table.shop_table.cart tr td.actions input[type="submit"]:hover {
       background: #0191BC; }
@@ -3296,7 +3379,9 @@ ul.wp-block-gallery {
           content: "\f0d7";
           right: -15px;
           top: 50%;
-          transform: translateY(-50%);
+          -webkit-transform: translateY(-50%);
+              -ms-transform: translateY(-50%);
+                  transform: translateY(-50%);
           position: absolute;
           font-family: FontAwesome; }
       .woocommerce .cart-collaterals .cart_totals .shop_table td select {
@@ -3309,6 +3394,8 @@ ul.wp-block-gallery {
         font-weight: 600;
         height: 36px;
         padding: 0 10px;
+        -webkit-transition: background 0.5s ease;
+        -o-transition: background 0.5s ease;
         transition: background 0.5s ease; }
         .woocommerce .cart-collaterals .cart_totals .shop_table td button:hover {
           background: #0191BC; }
@@ -3336,6 +3423,8 @@ ul.wp-block-gallery {
     font-weight: 700;
     line-height: 36px;
     height: 40px;
+    -webkit-transition: background 0.5s ease;
+    -o-transition: background 0.5s ease;
     transition: background 0.5s ease; }
     .woocommerce-cart .woocommerce .wc-proceed-to-checkout a.checkout-button:hover {
       background: #0191BC; }
@@ -3368,6 +3457,8 @@ ul.wp-block-gallery {
   padding: 0 10px;
   display: inline-block;
   line-height: 36px;
+  -webkit-transition: background 0.5s ease;
+  -o-transition: background 0.5s ease;
   transition: background 0.5s ease; }
   .return-to-shop a.button:hover {
     background: #0191BC;
@@ -3425,6 +3516,8 @@ ul.wp-block-gallery {
   height: 36px;
   padding: 0 10px;
   line-height: 36px;
+  -webkit-transition: background 0.5s ease;
+  -o-transition: background 0.5s ease;
   transition: background 0.5s ease; }
   .woocommerce #content .wishlist_table tbody tr td.product-add-to-cart a:hover {
     background: #0191BC; }
@@ -3451,7 +3544,9 @@ ul.wp-block-gallery {
     font-size: 16px;
     left: 20px;
     top: 50%;
-    transform: translateY(-50%);
+    -webkit-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+            transform: translateY(-50%);
     color: #00A9E0; }
   .woocommerce .woocommerce-info .showcoupon,
   .woocommerce .woocommerce-error .showcoupon,
@@ -3466,7 +3561,9 @@ ul.wp-block-gallery {
     content: "\f071";
     color: #F65656;
     top: 10px;
-    transform: translateY(0); }
+    -webkit-transform: translateY(0);
+        -ms-transform: translateY(0);
+            transform: translateY(0); }
 
 .woocommerce .woocommerce-message {
   margin-bottom: 30px;
@@ -3500,6 +3597,8 @@ ul.wp-block-gallery {
   height: 36px;
   padding: 0 20px;
   line-height: 32px;
+  -webkit-transition: background 0.5s ease;
+  -o-transition: background 0.5s ease;
   transition: background 0.5s ease; }
   .woocommerce #respond input#submit:hover,
   .woocommerce a.button:hover,

From 4256620f748a14b906285de35fe8dbf5ca17d7b8 Mon Sep 17 00:00:00 2001
From: ankitkarki17 <ankitkarki17@gmail.com>
Date: Fri, 16 Jul 2021 14:35:45 +0545
Subject: [PATCH 2/3] Tweak - Add line break

---
 sass/site/secondary/_widgets.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/sass/site/secondary/_widgets.scss b/sass/site/secondary/_widgets.scss
index abece0d..5333936 100644
--- a/sass/site/secondary/_widgets.scss
+++ b/sass/site/secondary/_widgets.scss
@@ -197,3 +197,4 @@
      display: inline-block;
      vertical-align: top;
  }
+

From c6fc46ed6ae987a8bed66a9d97d6b87f766b723a Mon Sep 17 00:00:00 2001
From: ankitkarki17 <ankitkarki17@gmail.com>
Date: Fri, 16 Jul 2021 14:52:04 +0545
Subject: [PATCH 3/3] Update changelog

---
 readme.txt | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/readme.txt b/readme.txt
index d882bcd..a75af63 100644
--- a/readme.txt
+++ b/readme.txt
@@ -83,6 +83,9 @@ If you want the theme to be translated into your language, feel free to contribu
 /**********************************************************/
 
 == Changelog ==
+= TBD =
+* Fix - Search button design issue caused by WP 5.8.
+
 = Version 1.6.0 - 2021-07-06 =
 * Enhancement - Added 'font-display: swap' CSS property for fonts to ensure better load performance.