Updated button out arrow

2025-11-20 11:45:50 +00:00 · 2022-06-09 15:10:01 -07:00
parent 9094af3aec
commit 0f43bbb13f
4 changed files with 48 additions and 15 deletions
--- a/styles/_pages.scss
+++ b/styles/_pages.scss
@@ -273,6 +273,35 @@
 // Ambassadors
 .page-ambassadors {

+// Button has link out arrow.
+  .btn {
+    padding: .75rem;
+  }
+
+  @media (max-width: 767.98px) {
+    .btn-arrow-out {
+      display: block;
+      width: 100%;
+    }
+  }
+
+  .btn-arrow-out::after {
+    background-position: left 0px bottom 0px;
+    content: "\00a0";
+    background-image: url(../img/icons/arrow-up-right-white.svg);
+    background-repeat: no-repeat;
+    display: inline-block;
+    padding: 4px 8px 4px 12px;
+    transition: background-position 0.3s ease-in-out;
+    margin-left: 4px;
+  }
+
+  .btn-arrow-out:hover::after {
+    background-position: left 4px bottom 4px;
+  }
+
+
+// Sliding Quotes
  #carouselSlidesOnly{
    height: 392px;
    margin-bottom: 40px;