avoid double arrow buttons

clarin-eric · Nov 21, 2023 · 16c0780 · 16c0780
1 parent fb7e3b2
commit 16c0780
Showing 1 changed file with 22 additions and 20 deletions.
diff --git a/scss/modules/buttons.scss b/scss/modules/buttons.scss
@@ -90,29 +90,31 @@
 }
 
 // btn white circle arrow
-.btn-white-circle-arrow {
-  background: url('../images/arrow-circle-blue.svg') no-repeat right center/40px;
-  color: $white;
-  display: inline-table;
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 30px;
-  padding: 10px 50px 10px 10px;
-  transition: padding 0.3s;
+:not(.btn-white-circle-arrow) {
+  .btn-white-circle-arrow {
+    background: url('../images/arrow-circle-blue.svg') no-repeat right center/40px;
+    color: $white;
+    display: inline-table;
+    font-size: 16px;
+    font-weight: 600;
+    line-height: 30px;
+    padding: 10px 50px 10px 10px;
+    transition: padding 0.3s;
 
-  @media (min-width: #{$screen-tablet}) {
-    background-size: 47px;
-    font-size: 18px;
-    padding: 10px 65px 10px 10px;
-  }
+    @media (min-width: #{$screen-tablet}) {
+      background-size: 47px;
+      font-size: 18px;
+      padding: 10px 65px 10px 10px;
+    }
 
-  &:hover,
-  &:focus {
-    padding: 10px 57px 10px 10px;
-    text-decoration: none;
+    &:hover,
+    &:focus {
+      padding: 10px 57px 10px 10px;
+      text-decoration: none;
 
-    @media (min-width: #{$screen-tablet}) {
-      padding: 10px 72px 10px 10px;
+      @media (min-width: #{$screen-tablet}) {
+        padding: 10px 72px 10px 10px;
+      }
     }
   }
 }