import styles from "./index.module.scss";
import { getTranslations } from "next-intl/server";
import { Link } from "@/lib/i18n/navigation";
export default async function ButtonTwo() {
  const t = await getTranslations();
  return (
    <section className={styles.container}>
    <Link className={styles.content} href="/">
      <span>{t("common:more")}</span>
    </Link>
    </section>
  );
}

.container {
  padding: 20px;
  font-family: 'Poppins', sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;


  .content {
    padding: 12px 25px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    transition: all .2s;
    cursor: pointer;
    background-color: black;

    &:hover {
      transform: scale(1.1);
      color: var(--primary-color);
    }


  }
}