I want it to open in a new tab when the link in my hello button is clicked, how can I get it?

My Code:

 <Button
          href="https://play.google.com/store/apps/dev?id=6411367502435954294"
          type="primary"
          content="Play Store 🛒"
        />

All Code :

import styles from "./contact.module.scss";
import Button from "../Button/Button";
import Social from "../Social/Social";

const Contact = () => {
  return (
    <div className={styles.contactWrapper}>
      <div className={styles.socialWrapper}>
        <Social
          media="linkedin"
          href="https://www.linkedin.com/in/nisaefendioglu/"
        />
        <Social media="github" href="https://github.com/nisaefendioglu" />
        <Social media="twitter" href="https://twitter.com/nisaefendioglu" />
      </div>
      <div className={styles.buttonWrapper}>
        <Button
          href="https://play.google.com/store/apps/dev?id=6411367502435954294"
          type="primary"
          content="Play Store 🛒"
        />
        <Button
          href="mailto:nisaefendioglu0@gmail.com"
          type="secondary"
          content="Contact"
          icon={"paper-plane"}
        />
      </div>
    </div>
    
  );
};

export default Contact;

SCSS

.buttonWrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, 20rem);
  justify-content: center;
  align-items: center;
  gap: var(--medium-space);
}

Button :

import styles from "./button.module.scss";

const Button = ({ content, icon, type, href }) => {
  return (
    <>
      <a
        className={`${styles.button} ${
          type === "primary" ? styles.primaryButton : styles.secondaryButton
        }`}
        href={href}
      >
        <i className={`fas fa-${ icon }`}></i>
        {content}
      </a>
    </>
  );
};

export default Button;