Buttons for news list

clarin-eric · Sep 12, 2024 · 3af9560 · 3af9560
1 parent ae70e4a
commit 3af9560
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/scss/modules/buttons.scss b/scss/modules/buttons.scss
@@ -201,7 +201,8 @@ a.news-more-link {
   }
 }
 
-.btn.btn-outline-primary {
+
+.btn.btn-outline-primary:not(:has(.btn.btn-outline-primary)) {
   background: transparent url("../images/arrow-right-blue2.svg") no-repeat right 16px center/15px;
   border-color: $dark-blue-02;
   border-radius: 27.5px;
@@ -223,6 +224,15 @@ a.news-more-link {
   }
 }
 
+div.btn.btn-outline-primary:has(.btn.btn-outline-primary) {
+  border: 0;
+
+  &:hover,
+  &:focus {
+    background: 0;
+  }
+}
+
 // Navigation pages paragraph button. React on hover over the whole paragraph
 .paragraph--type--navigation-entry,
 .paragraph--type--navigation-entry-alternative {
@@ -262,7 +272,7 @@ a.news-more-link {
       }
     }
 
-    .btn.btn-outline-primary {
+    .btn.btn-outline-primary:not(:has(.btn.btn-outline-primary)) {
       background: $dark-blue-02 url("../images/arrow-right-white.svg") no-repeat right 13px center/15px;
       color: $white;
       opacity: 0.75;