:root{
  --rosa:#ff4fa3;
  --laranja:#ff8a3d;
  --branco:#ffffff;
  --texto:#5a3550;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  font-family: Arial, Helvetica, sans-serif;
  min-height:100vh;

  display:flex;
  justify-content:center;
  align-items:center;

  background:
  radial-gradient(circle at 10% 10%, #ffc2df 0%, transparent 35%),
  radial-gradient(circle at 90% 20%, #ffd0a8 0%, transparent 35%),
  radial-gradient(circle at 20% 80%, #ffe7a6 0%, transparent 35%),
  radial-gradient(circle at 80% 90%, #ffd1e8 0%, transparent 35%),
  linear-gradient(180deg,#fff7fb,#fff1e7);
}

.linktree-page{
  width:100%;
  display:flex;
  justify-content:center;
}

.card{

  width:90%;
  max-width:420px;

  background:rgba(255,255,255,0.55);
  backdrop-filter:blur(12px);

  border-radius:30px;

  padding:35px 25px;

  text-align:center;

  box-shadow:
  0 15px 40px rgba(255,110,160,0.25);
}

.logo{
  width:180px;
  margin-bottom:10px;
}

.brand-text h1{
  color:var(--rosa);
  font-size:28px;
  margin-bottom:5px;
}

.brand-text p{
  font-size:14px;
  margin-bottom:10px;
}

.location{

  display:inline-block;

  padding:6px 15px;

  border-radius:20px;

  background:linear-gradient(45deg,var(--rosa),var(--laranja));

  color:white;

  font-size:13px;

  margin-bottom:25px;
}

.links{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.link-btn{

  display:flex;
  justify-content:center;
  align-items:center;

  gap:12px;

  font-size:18px;
  font-weight:bold;

  padding:18px;

  border-radius:25px;

  text-decoration:none;

  background:rgba(255,255,255,0.45);

  border:3px solid rgba(255,255,255,0.9);

  backdrop-filter:blur(8px);

  transition:0.25s;

}

.link-btn i{
  font-size:20px;
}

.link-btn:hover{

  transform:translateY(-4px) scale(1.03);

  background:rgba(255,255,255,0.75);

}

/* cores */

.whatsapp{
  color:#25D366;
}

.catalogo{
  color:#ff7a4f;
}

.visita{
  color:#ff4fa3;
}

.instagram{
  color:#e1306c;
}

.footer-note{

  margin-top:25px;

  font-size:13px;

  color:#7a5570;
}