diff --git a/src/apps/loan-list/materials/utils/warning-bar.tsx b/src/apps/loan-list/materials/utils/warning-bar.tsx
index e1fddc70e4..12e27b7b6e 100644
--- a/src/apps/loan-list/materials/utils/warning-bar.tsx
+++ b/src/apps/loan-list/materials/utils/warning-bar.tsx
@@ -76,7 +76,7 @@ const WarningBar: FC<WarningBarProps> = ({
                 variant="filled"
                 ariaLabelledBy={labelId}
               >
-                {rightButtonText}
+                {rightButtonText || ""}
               </LinkButton>
             </>
           )}
diff --git a/src/apps/menu/menu-logged-in/MenuLoggedInContent.tsx b/src/apps/menu/menu-logged-in/MenuLoggedInContent.tsx
index aaca6488fb..943105effe 100644
--- a/src/apps/menu/menu-logged-in/MenuLoggedInContent.tsx
+++ b/src/apps/menu/menu-logged-in/MenuLoggedInContent.tsx
@@ -14,6 +14,8 @@ import useReservations from "../../../core/utils/useReservations";
 import useLoans from "../../../core/utils/useLoans";
 import { usePatronData } from "../../../core/utils/helpers/usePatronData";
 import { resetPersistedData } from "../../../core/store";
+import { Button } from "../../../components/Buttons/Button";
+import { redirectTo } from "../../../core/utils/helpers/url";
 
 interface MenuLoggedInContentProps {
   pageSize: number;
@@ -67,6 +69,11 @@ const MenuLoggedInContent: FC<MenuLoggedInContentProps> = ({ pageSize }) => {
     loansSoonOverdue.length !== 0 ||
     reservations.length !== 0;
 
+  const handleOnClick = () => {
+    resetPersistedData();
+    redirectTo(logoutUrl);
+  };
+
   return (
     <div className="modal-login modal-login--authenticated">
       <div className="modal-login__container">
@@ -111,13 +118,16 @@ const MenuLoggedInContent: FC<MenuLoggedInContentProps> = ({ pageSize }) => {
           </ul>
         </nav>
         <div className="modal-profile__btn-logout mx-32">
-          <Link
-            className="btn-primary btn-filled btn-large arrow__hover--right-small"
-            onClick={() => resetPersistedData()}
-            href={logoutUrl}
-          >
-            {t("menuLogOutText")}
-          </Link>
+          <Button
+            label={t("menuLogOutText")}
+            buttonType="none"
+            size="large"
+            variant="filled"
+            collapsible={false}
+            onClick={handleOnClick}
+            canOnlyBeClickedOnce
+            dataCy="menu-logout-button"
+          />
         </div>
       </div>
     </div>
diff --git a/src/apps/menu/menu.test.ts b/src/apps/menu/menu.test.ts
index 625adca2b5..0d44b6d7fc 100644
--- a/src/apps/menu/menu.test.ts
+++ b/src/apps/menu/menu.test.ts
@@ -322,8 +322,7 @@ describe("Menu (authenticated))", () => {
       .and("have.text", "2");
 
     // 2.e. “Log ud” knappen. Engelsk tekst: "Log out"
-    cy.get(".modal-profile__btn-logout")
-      .find("a")
+    cy.getBySel("menu-logout-button")
       .should("exist")
       .and("have.text", "Log out");
   });
diff --git a/src/apps/reservation-list/modal/reservation-details/reservation-details-redirect.tsx b/src/apps/reservation-list/modal/reservation-details/reservation-details-redirect.tsx
index ff141976df..1d211b1221 100644
--- a/src/apps/reservation-list/modal/reservation-details/reservation-details-redirect.tsx
+++ b/src/apps/reservation-list/modal/reservation-details/reservation-details-redirect.tsx
@@ -1,5 +1,4 @@
 import React, { FC } from "react";
-import ExternalLinkIcon from "@danskernesdigitalebibliotek/dpl-design-system/build/icons/buttons/icon-btn-external-link.svg";
 import { useText } from "../../../../core/utils/text";
 import { MaterialProps } from "../../../loan-list/materials/utils/material-fetch-hoc";
 import { ReservationType } from "../../../../core/utils/types/reservation-type";
@@ -44,9 +43,10 @@ const ReservationDetailsRedirect: FC<
         url={externalLink}
         variant="filled"
         id="go-to-ereolen-button"
+        iconClassNames="btn-icon invert"
+        buttonType="external-link"
       >
         {t("reservationDetailsDigitalReservationGoToEreolenText")}
-        <img src={ExternalLinkIcon} className="btn-icon invert" alt="" />
       </LinkButton>
     </div>
   );
diff --git a/src/apps/reservation-list/modal/reservation-details/reservation-details.test.ts b/src/apps/reservation-list/modal/reservation-details/reservation-details.test.ts
index 8bb5adf164..b3517cce71 100644
--- a/src/apps/reservation-list/modal/reservation-details/reservation-details.test.ts
+++ b/src/apps/reservation-list/modal/reservation-details/reservation-details.test.ts
@@ -195,10 +195,7 @@ describe("Reservation details modal", () => {
     cy.get(".modal")
       .find("[data-cy='go-to-ereolen-button']")
       .eq(0)
-      .should("have.text", "Go to eReolen")
-      .should("have.attr", "href")
-      // ID 17 2.d.i. link to "ereolen.dk"
-      .should("include", "ereolen.dk");
+      .should("have.text", "Go to eReolen");
 
     cy.get(".modal")
       .find(".status-label")
diff --git a/src/components/Buttons/Button.tsx b/src/components/Buttons/Button.tsx
index 24811ada78..0dd87bb949 100644
--- a/src/components/Buttons/Button.tsx
+++ b/src/components/Buttons/Button.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useRef } from "react";
 import {
   ButtonSize,
   ButtonType,
@@ -9,32 +9,41 @@ import { ButtonIcon } from "./ButtonIcon";
 export type ButtonProps = {
   label: string;
   buttonType: ButtonType;
-  disabled: boolean;
   collapsible: boolean;
   size: ButtonSize;
   variant: ButtonVariant;
+  disabled?: boolean;
   onClick?: () => void;
   iconClassNames?: string;
   id?: string;
   classNames?: string;
   dataCy?: string;
   ariaDescribedBy?: string;
+  canOnlyBeClickedOnce?: boolean;
 };
 
 export const Button: React.FC<ButtonProps> = ({
   label,
   buttonType,
-  disabled,
   collapsible,
   size,
   variant,
+  disabled = false,
   onClick,
   iconClassNames,
   id,
   classNames,
   dataCy,
-  ariaDescribedBy
+  ariaDescribedBy,
+  canOnlyBeClickedOnce = false
 }) => {
+  const isLoadingRef = useRef(false);
+  const handleClick = () => {
+    if (isLoadingRef.current) return;
+    if (canOnlyBeClickedOnce) isLoadingRef.current = true;
+    if (onClick) onClick();
+  };
+
   return (
     <button
       data-cy={dataCy || "button"}
@@ -42,8 +51,8 @@ export const Button: React.FC<ButtonProps> = ({
       className={`btn-primary btn-${variant} btn-${size} ${
         disabled ? "btn-outline" : ""
       } arrow__hover--right-small ${classNames ?? ""}`}
-      disabled={disabled}
-      onClick={onClick}
+      disabled={disabled || isLoadingRef.current}
+      onClick={handleClick}
       id={id}
       aria-describedby={ariaDescribedBy}
     >
diff --git a/src/components/Buttons/LinkButton.tsx b/src/components/Buttons/LinkButton.tsx
index a9af7363a1..251708d1ef 100644
--- a/src/components/Buttons/LinkButton.tsx
+++ b/src/components/Buttons/LinkButton.tsx
@@ -1,16 +1,15 @@
-import clsx from "clsx";
 import React from "react";
 import {
   ButtonSize,
   ButtonType,
   ButtonVariant
 } from "../../core/utils/types/button";
-import Link from "../atoms/links/Link";
-import { ButtonIcon } from "./ButtonIcon";
+import { Button } from "./Button";
+import { redirectTo } from "../../core/utils/helpers/url";
 
 export interface LinkButtonProps {
   buttonType?: ButtonType;
-  children: React.ReactNode;
+  children: string;
   classNames?: string;
   dataCy?: string;
   iconClassNames?: string;
@@ -38,26 +37,23 @@ const LinkButton: React.FC<LinkButtonProps> = ({
   id
 }) => {
   return (
-    <Link
-      href={url}
-      isNewTab={isNewTab}
-      className={clsx(
-        "btn-primary",
-        `btn-${variant}`,
-        `btn-${size}`,
-        "arrow__hover--right-small",
-        "hide-linkstyle",
-        classNames
-      )}
-      trackClick={trackClick}
+    <Button
+      variant={variant}
+      size={size}
+      buttonType={buttonType || "none"}
+      classNames={classNames}
+      iconClassNames={iconClassNames}
+      onClick={() => {
+        if (trackClick) trackClick?.().then(() => redirectTo(url, isNewTab));
+        if (!trackClick) redirectTo(url, isNewTab);
+      }}
       dataCy={dataCy}
-      ariaLabelledBy={ariaLabelledBy}
+      ariaDescribedBy={ariaLabelledBy}
       id={id}
       canOnlyBeClickedOnce
-    >
-      {children}
-      <ButtonIcon buttonType={buttonType} iconClassNames={iconClassNames} />
-    </Link>
+      label={children}
+      collapsible={false}
+    />
   );
 };
 
diff --git a/src/components/atoms/links/Link.tsx b/src/components/atoms/links/Link.tsx
index 2100621fd4..b60f4462cc 100644
--- a/src/components/atoms/links/Link.tsx
+++ b/src/components/atoms/links/Link.tsx
@@ -1,73 +1,36 @@
-import React, { useState } from "react";
+import React from "react";
 import { getLinkHandler } from "./getLinkHandler";
 
 export interface LinkProps {
   href: URL;
-  onClick?: () => Promise<void>;
   children: React.ReactNode;
   isNewTab?: boolean;
   className?: string;
   id?: string;
-  trackClick?: () => Promise<unknown>;
   dataCy?: string;
   ariaLabelledBy?: string;
   stopPropagation?: boolean;
   isHiddenFromScreenReaders?: boolean;
-  canOnlyBeClickedOnce?: boolean;
 }
 
 const Link: React.FC<LinkProps> = ({
   href,
-  onClick,
   children,
   isNewTab = false,
   className,
   id,
-  trackClick,
   dataCy,
   ariaLabelledBy,
   stopPropagation = false,
-  isHiddenFromScreenReaders,
-  canOnlyBeClickedOnce = false
+  isHiddenFromScreenReaders
 }) => {
-  const [isLoading, setIsLoading] = useState(false);
-
-  const handleClick = getLinkHandler({
-    type: "click",
-    isNewTab,
-    stopPropagation,
-    url: href,
-    trackClick
-  });
-
   const handleKeyUp = getLinkHandler({
     type: "keyup",
     isNewTab,
     stopPropagation,
-    url: href,
-    trackClick
+    url: href
   });
 
-  // We need to use a custom onClick & onKeyUp handlers as opposed to just native <a> behaviour
-  // because we in some cases have to track these clicks. So we need to wait to fire a call
-  // before we can redirect the user.
-  const onclickHandler = onClick
-    ? async (
-        e:
-          | React.MouseEvent<HTMLAnchorElement>
-          | React.KeyboardEvent<HTMLAnchorElement>
-      ) => {
-        if (canOnlyBeClickedOnce && isLoading) return; // Prevent further clicks
-        if (canOnlyBeClickedOnce) setIsLoading(true);
-        try {
-          await onClick(); // Await the provided onClick
-          handleClick(e); // Call handleClick after onClick resolves
-        } finally {
-          if (canOnlyBeClickedOnce) setIsLoading(false);
-        }
-      }
-    : handleClick;
-
   return (
     <a
       id={id}
@@ -76,7 +39,6 @@ const Link: React.FC<LinkProps> = ({
       target={isNewTab ? "_blank" : undefined}
       rel="noreferrer"
       className={className}
-      onClick={onclickHandler}
       onKeyUp={handleKeyUp}
       aria-labelledby={ariaLabelledBy}
       tabIndex={isHiddenFromScreenReaders ? -1 : 0}
diff --git a/src/components/atoms/links/LinkNoStyle.tsx b/src/components/atoms/links/LinkNoStyle.tsx
index ad20912e64..10f2a91d2f 100644
--- a/src/components/atoms/links/LinkNoStyle.tsx
+++ b/src/components/atoms/links/LinkNoStyle.tsx
@@ -6,7 +6,6 @@ export interface LinkNoStyleProps {
   children: React.ReactNode;
   isNewTab?: boolean;
   className?: string;
-  trackClick?: () => Promise<unknown>;
   dataCy?: string;
   ariaLabelledBy?: string;
   isHiddenFromScreenReaders?: boolean;
@@ -17,7 +16,6 @@ const LinkNoStyle: React.FC<LinkNoStyleProps> = ({
   children,
   isNewTab = false,
   className,
-  trackClick,
   dataCy = "link-no-style",
   ariaLabelledBy,
   isHiddenFromScreenReaders
@@ -27,7 +25,6 @@ const LinkNoStyle: React.FC<LinkNoStyleProps> = ({
       href={url}
       isNewTab={isNewTab}
       className={`hide-linkstyle ${className || ""}`}
-      trackClick={trackClick}
       dataCy={dataCy}
       ariaLabelledBy={ariaLabelledBy}
       isHiddenFromScreenReaders={isHiddenFromScreenReaders}
diff --git a/src/components/campaign/Campaign.tsx b/src/components/campaign/Campaign.tsx
index 6d5f897fcf..5d571c12bf 100644
--- a/src/components/campaign/Campaign.tsx
+++ b/src/components/campaign/Campaign.tsx
@@ -3,8 +3,7 @@ import { FC } from "react";
 import { CampaignMatchPOST200Data } from "../../core/dpl-cms/model";
 import { statistics } from "../../core/statistics/statistics";
 import { useStatistics } from "../../core/statistics/useStatistics";
-import LinkNoStyle from "../atoms/links/LinkNoStyle";
-import CampaignBody from "./CampaignBody";
+import { redirectTo } from "../../core/utils/helpers/url";
 
 export interface CampaignProps {
   campaignData: CampaignMatchPOST200Data;
@@ -24,18 +23,46 @@ const Campaign: FC<CampaignProps> = ({ campaignData }) => {
       trackedData: campaignData.title as string
     });
   };
-  if (campaignData.url) {
-    return (
-      <LinkNoStyle
-        url={new URL(campaignData.url)}
-        trackClick={trackClick}
-        className="cursor-pointer"
-      >
-        <CampaignBody campaignData={campaignData} />
-      </LinkNoStyle>
-    );
-  }
-  return <CampaignBody campaignData={campaignData} />;
+
+  const onClick = () => {
+    if (campaignData.url) {
+      const url = new URL(campaignData.url);
+      trackClick().then(() => redirectTo(url, true));
+    }
+  };
+
+  const onKeyUp = (event: React.KeyboardEvent) => {
+    if (event.key === "Enter") {
+      onClick();
+    }
+  };
+
+  return (
+    <section
+      className="campaign mt-35"
+      data-cy="campaign-body"
+      onClick={onClick}
+      onKeyUp={onKeyUp}
+      role="link"
+      tabIndex={campaignData.url ? 0 : undefined}
+    >
+      {campaignData.image && campaignData.image.url && (
+        <img
+          data-cy="campaign-image"
+          className={`campaign__image ${
+            !campaignData.text ? "campaign__image--full-width" : ""
+          }`}
+          src={campaignData.image.url}
+          alt={campaignData.image.alt}
+        />
+      )}
+      {campaignData.text && (
+        <h4 className="campaign__title campaign__title--ellipsis">
+          {campaignData.text}
+        </h4>
+      )}
+    </section>
+  );
 };
 
 export default Campaign;
diff --git a/src/components/campaign/CampaignBody.tsx b/src/components/campaign/CampaignBody.tsx
deleted file mode 100644
index 140dc6a1ba..0000000000
--- a/src/components/campaign/CampaignBody.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-import * as React from "react";
-import { FC } from "react";
-import { CampaignMatchPOST200Data } from "../../core/dpl-cms/model";
-
-export interface CampaignBodyProps {
-  campaignData: CampaignMatchPOST200Data;
-}
-
-const CampaignBody: FC<CampaignBodyProps> = ({ campaignData }) => {
-  return (
-    <section className="campaign mt-35" data-cy="campaign-body">
-      {campaignData.image && campaignData.image.url && (
-        <img
-          data-cy="campaign-image"
-          className={`campaign__image ${
-            !campaignData.text ? "campaign__image--full-width" : ""
-          }`}
-          src={campaignData.image.url}
-          alt={campaignData.image.alt}
-        />
-      )}
-      {campaignData.text && (
-        <h4 className="campaign__title campaign__title--ellipsis">
-          {campaignData.text}
-        </h4>
-      )}
-    </section>
-  );
-};
-
-export default CampaignBody;
diff --git a/src/core/utils/helpers/url.ts b/src/core/utils/helpers/url.ts
index eb2f25f49d..892dc99d7d 100644
--- a/src/core/utils/helpers/url.ts
+++ b/src/core/utils/helpers/url.ts
@@ -44,8 +44,12 @@ export const removeQueryParametersFromUrl = (parameter: string) => {
   replaceCurrentLocation(processedUrl);
 };
 
-export const redirectTo = (url: URL): void => {
-  window.location.assign(String(url));
+export const redirectTo = (url: URL, isNewTab?: boolean): void => {
+  if (isNewTab) {
+    window.open(String(url), "_blank");
+  } else {
+    window.location.assign(String(url));
+  }
 };
 
 export const constructUrlWithPlaceholder = (
diff --git a/src/tests/unit/linkTracking.test.tsx b/src/tests/unit/linkTracking.test.tsx
deleted file mode 100644
index b879677fa8..0000000000
--- a/src/tests/unit/linkTracking.test.tsx
+++ /dev/null
@@ -1,78 +0,0 @@
-import { afterEach, test, expect, vi } from "vitest";
-import React from "react";
-import { cleanup, fireEvent, render } from "@testing-library/react";
-import { configure } from "@testing-library/dom";
-import * as linkTracking from "../../components/atoms/links/handleTracking";
-import Link from "../../components/atoms/links/Link";
-
-configure({
-  testIdAttribute: "data-cy"
-});
-
-// Used for testing tracking callback.
-const fakeTrackClick = () =>
-  new Promise((resolve) => {
-    resolve("done");
-  });
-const fakeUrl = new URL("http://google.com");
-
-test("Should track when tracking callback is present and user clicks", async () => {
-  const handleTrackingSpy = vi
-    .spyOn(linkTracking, "handleTracking")
-    .mockImplementation(({ e: { type } }) => type);
-
-  const { getByTestId } = render(
-    <Link dataCy="link" href={fakeUrl} trackClick={fakeTrackClick}>
-      A link
-    </Link>
-  );
-
-  const link = getByTestId("link");
-  fireEvent.click(link);
-
-  expect(handleTrackingSpy).toHaveBeenCalledTimes(1);
-  expect(handleTrackingSpy).toHaveReturnedWith("click");
-});
-
-test("Should track when tracking callback is present and user presses Enter", async () => {
-  const handleTrackingSpy = vi
-    .spyOn(linkTracking, "handleTracking")
-    .mockImplementation(({ e: { type } }) => type);
-
-  const { getByTestId } = render(
-    <Link dataCy="link" href={fakeUrl} trackClick={fakeTrackClick}>
-      A link
-    </Link>
-  );
-
-  const link = getByTestId("link");
-  fireEvent.keyUp(link, { key: "Enter", code: "Enter" });
-
-  // If user presses Enter there should be tracking.
-  expect(handleTrackingSpy).toHaveReturnedWith("keyup");
-  expect(handleTrackingSpy).toHaveBeenCalledTimes(1);
-
-  // If user presses something else than Enter, then there should be no tracking.
-  fireEvent.keyUp(link, { key: "A", code: "KeyA" });
-  expect(handleTrackingSpy).toHaveBeenCalledTimes(1);
-});
-
-test("Should NOT track when tracking callback is NOT present and user clicks or presses Enter", async () => {
-  const handleTrackingSpy = vi
-    .spyOn(linkTracking, "handleTracking")
-    .mockImplementation(({ e: { type } }) => type);
-
-  const { getByTestId } = render(
-    <Link dataCy="link" href={fakeUrl}>
-      A link
-    </Link>
-  );
-
-  const link = getByTestId("link");
-  fireEvent.click(link);
-  fireEvent.keyUp(link, { key: "Enter", code: "Enter" });
-
-  expect(handleTrackingSpy).toHaveBeenCalledTimes(0);
-});
-
-afterEach(cleanup);