fix: pp learn more button instead of anchor

CarmineOptions · Oct 2, 2024 · fe5b727 · fe5b727
1 parent 2d6fd2e
commit fe5b727
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 6 deletions.
diff --git a/src/pages/priceGuard.tsx b/src/pages/priceGuard.tsx
@@ -54,18 +54,16 @@ const PriceGuardPage = () => {
       <h1>Price Protect</h1>
       <p>
         Safeguard your holdings from major price movement.{" "}
-        <a
-          rel="noopener nofollow noreferrer"
-          target="_blank"
-          href="#"
+        <button
+          className="linkbutton"
           onClick={() => {
             const cfg = getVideoPopupConfig();
-            console.log(cfg);
             openPopupWindow(cfg);
           }}
         >
           Learn more
-        </a>
+        </button>
+        .
       </p>
       <PriceGuard />
       <UserPriceGuard />

diff --git a/src/style/base.css b/src/style/base.css
@@ -270,6 +270,25 @@ button.active {
   background-color: var(--bg-color);
 }
 
+button.linkbutton {
+  text-transform: none;
+  color: var(--WHITE);
+  background: none;
+  border: none;
+  text-decoration: underline;
+  cursor: pointer;
+  padding: 0;
+  font: inherit;
+}
+
+button.linkbutton:focus {
+  outline: none;
+}
+
+button.linkbutton:hover {
+  text-decoration: none;
+}
+
 div.center {
   display: flex;
   align-items: center;