/* Bruno Odonto · página de links (link na bio) · VISS Digital · viss.digital
   Medidas do original, em rem (px ÷ 16). Fundo e cores do Elementor da página 253. */
body.pagina-links {
  background: #0a0d3f linear-gradient(220deg, #0a0d3f 13%, #0b0e43 47%) no-repeat;
  min-height: 100vh;
  color: #fff;
}
.links { padding: 1.5625rem 0; }
.links__interno {
  display: flex; flex-direction: column; align-items: center;
  width: 100%; max-width: 31.25rem; margin-inline: auto; padding: .625rem;
}
.links__foto { position: relative; z-index: 1; display: block; width: 40%; margin-bottom: -4.375rem; }
.links__foto img {
  width: 100%; height: auto; aspect-ratio: 1; object-fit: cover;
  border: .5rem solid #0b0e42; border-radius: 6.25rem;
}
.links__cartao {
  width: 100%; padding: 5rem 1.25rem 1.25rem;
  border-radius: 1.25rem; background: #080a2e;
  box-shadow: 0 0 2.5rem -.625rem rgb(0 0 0 / .33);
}
.links__redes { display: flex; justify-content: center; gap: .625rem; }
.links__rede {
  display: flex; align-items: center; justify-content: center;
  width: 3rem; height: 3rem; border-radius: 6.25rem; background: #fff; color: #272f85;
  font-size: 1rem;
  transition: transform .3s ease;
}
.links__rede:hover, .links__rede:focus-visible { transform: translateY(-.125rem); }
.links__botoes { display: flex; flex-direction: column; gap: 1.25rem; margin-top: 1.25rem; }
.links__botao {
  display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; gap: 1.875rem;
  padding: 1.25rem; border-radius: .3125rem; background: #131864; color: #fff;
  font: 500 .875rem/1.5em var(--font-titulo); letter-spacing: 0; text-transform: uppercase;
  transition: background-color .3s ease;
}
.links__botao--primeiro { background: #131c64; }
.links__botao:hover, .links__botao:focus-visible { background: #1b2490; }
.links__texto { text-align: left; }
.links__botao .icone { width: 1em; height: 1em; }
.links__logo { display: block; margin-top: 3.125rem; }
.links__logo img { width: 6.25rem; height: auto; }
.links__assinatura { display: block; margin-top: 1.25rem; opacity: .5; transition: opacity .3s ease; }
.links__assinatura:hover, .links__assinatura:focus-visible { opacity: 1; }
.links__assinatura img { width: 1.4375rem; height: 1.25rem; }
.links :focus-visible { outline-color: #fff; }

@media (min-width: 768px) {
  .links { padding: 3.125rem 0; }
  .links__foto { width: 9.375rem; }
  .links__botao { letter-spacing: 1.5px; }
}