add scroll anchor to book club header nav button

assets/css/static.css

@@ -71,6 +71,9 @@ p {
 .btn--solid:hover {
   background-color: transparent;
   color: var(--foreground-text);
+  background-color: rgba(255, 255, 255, 0.1);
+  backdrop-filter: blur(30px);
+  color: rgba(255, 255, 255, 0.8);
 }
 
 .site-navigation {
@@ -477,6 +480,9 @@ footer.somos-infinitos-footer {
 footer.somos-infinitos-footer .footer-navigation {
   margin-top: 75px;
   margin-bottom: 120px;
+  opacity: 0;
+  user-select: none;
+  visibility: hidden;
 }
 footer.somos-infinitos-footer .footer-navigation ul.footer-navigation--links {
   list-style-type: none;

assets/css/static.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/static.scss"],"names":[],"mappings":"AAQA;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AA9BE;EA4BJ;IAG6B;;;;AAG7B;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AACA;EACE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AApFE;EA6EJ;IAUI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE;;;AAGF;EACE;;AACA;EAEE;EACA;EACA;;AA1HA;EAsHF;IAOI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AA5IJ;EAwIE;IAMI;IACA;IACA;;;AAIJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AArKF;EA2JA;IAaI;IACA;IACA;;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AAxLA;EAmLF;IAUI;;;AAEF;EAAM;;;AAIV;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AArNA;EAiNF;IAG6B;;;AAG3B;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;;AArQF;EA6PA;IAE6B;;;AAQ3B;EACE;EACA;EACA;;AA1QJ;EAuQE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EAAI;;AACJ;EAAS;;AACT;EAAiB;;AA3RrB;EAoRE;IASI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAnTA;EAgTF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AA7TF;EAyTA;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;;AAMR;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EAEA;;AA3WF;EAsWA;IAI6B;;;AAE3B;EAAiB;;AACjB;EACE;EACA;EAEA;;AAjXJ;EA6WE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAIX;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AA9YA;EAuYF;IAG6B;;;AAOzB;EAGE;EACA;;AAxZJ;EAoZE;IAC8B;;;AAlZhC;EAiZE;IAE6B;;;AAI7B;EACE;EACA;EACA;;AACA;EACE;;AAON;EACE;EACA;;AAEF;EACE;;;AAKN;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AAzbE;EAgbJ;IAC8B;;;AA9a1B;EA6aJ;IAE6B;;;AA/azB;EA6aJ;IAaI;IACA;IACA;;EAHA;IAAa;;;AAMf;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAvcF;EAmcA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;;AA3eF;EAseA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AAvfJ;EA+eE;IAG8B;;;AA/ehC;EA4eE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AA/fJ;EA0fE;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;;AACA;EACE","file":"static.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/static.scss"],"names":[],"mappings":"AAQA;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AA9BE;EA4BJ;IAG6B;;;;AAG7B;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAxFE;EAiFJ;IAUI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;;;AAKN;EACE;;;AAGF;EACE;;AACA;EAEE;EACA;EACA;;AA9HA;EA0HF;IAOI;IACA;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AAhJJ;EA4IE;IAMI;IACA;IACA;;;AAIJ;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;AAzKF;EA+JA;IAaI;IACA;IACA;;;;AAMR;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;;AA5LA;EAuLF;IAUI;;;AAEF;EAAM;;;AAIV;EACE;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EAEA;;AAzNA;EAqNF;IAG6B;;;AAG3B;EACE;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAMR;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EAEA;EACA;EACA;EACA;EACA;EACA;;AAzQF;EAiQA;IAE6B;;;AAQ3B;EACE;EACA;EACA;;AA9QJ;EA2QE;IAKI;IACA;IACA;IACA;IACA;;;AAIJ;EAEE;EACA;;AAFA;EAAI;;AAGJ;EAAgD;;AAChD;EAAI;;AACJ;EAAS;;AACT;EAAiB;;AA/RrB;EAwRE;IASI;;;AAMR;EACE;EACA;EACA;;;AAKF;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAvTA;EAoTF;IAKI;IACA;;;AAGF;EACE;EACA;EACA;EACA;;AAjUF;EA6TA;IAOI;;;AAGF;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAIJ;EACE;;;AAMR;EACE;;AACA;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;EACA;EACA;EAEA;;AA/WF;EA0WA;IAI6B;;;AAE3B;EAAiB;;AACjB;EACE;EACA;EAEA;;AArXJ;EAiXE;IAG6B;;;AAG7B;EACE;EACA;EACA;;AACA;EAAO;;AAIX;EACE;;;AAKN;EACE;;AACA;EACE;;AAGF;EACE;EACA;EAEA;EACA;EACA;EACA;;AAlZA;EA2YF;IAG6B;;;AAOzB;EAGE;EACA;;AA5ZJ;EAwZE;IAC8B;;;AAtZhC;EAqZE;IAE6B;;;AAI7B;EACE;EACA;EACA;;AACA;EACE;;AAON;EACE;EACA;;AAEF;EACE;;;AAKN;EAGE;EACA;EACA;EACA;EACA;EACA;EACA;;AA7bE;EAobJ;IAC8B;;;AAlb1B;EAibJ;IAE6B;;;AAnbzB;EAibJ;IAaI;IACA;IACA;;EAHA;IAAa;;;AAMf;EACE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;AA/cF;EA2cA;IAMI;IACA;;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAQR;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EAGA;EACA;;AAnfF;EA8eA;IAG6B;;;AAG3B;EACE;EACA;EAGA;EACA;EACA;EACA;;AA/fJ;EAufE;IAG8B;;;AAvfhC;EAofE;IAI6B;;;AAK3B;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAvgBJ;EAkgBE;IAQI;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAKN;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;;AACA;EAAU;;AACV;EACE;;AACA;EACE","file":"static.css"}

assets/scss/static.scss

@@ -68,6 +68,7 @@ p {
 
   &:hover {
     text-decoration: none;
+
   }
 
   &--solid {
@@ -76,6 +77,9 @@ p {
     &:hover { 
       background-color: transparent;
       color: var(--foreground-text);
+      background-color: rgba(255,255,255,0.1);
+      backdrop-filter: blur(30px);
+      color: rgba(255,255,255,0.8);
     }
   }
 }
@@ -453,6 +457,10 @@ footer.somos-infinitos-footer {
   .footer-navigation {
     margin-top: 75px;
     margin-bottom: 120px;
+    // TODO: unhide this later
+    opacity: 0;
+    user-select: none;
+    visibility: hidden;
 
     ul.footer-navigation--links {
       list-style-type: none; 

page-book-club.php

@@ -45,7 +45,7 @@ $checkout_url = add_query_arg(
           <img src="<?= get_theme_file_uri('/assets/images/profile-button.svg'); ?>" alt="My Account">
         </a>
       <?php endif; ?>
-      <a class="join-us-cta btn btn--solid" href="<?= esc_url($checkout_url); ?>">Junta-te ao clube</a>
+      <a class="join-us-cta btn btn--solid" href="#join-club-cta">Junta-te ao clube</a>
     </nav>
   </header>
 
@@ -135,7 +135,7 @@ $checkout_url = add_query_arg(
             </div>
           </div>
         </div>
-        <div class="book-club-examples-cta">
+        <div class="book-club-examples-cta" id="join-club-cta">
           <a href="<?= esc_url($checkout_url); ?>" class="btn btn--solid">FAZ PARTE DO CLUBE</a>
           <p>Por apenas 24,60€/mês</p>
         </div>