/* Footer social icons — standalone component */
.re-footer .re-socials{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  direction:ltr;
}

.re-footer .re-socials a{
  width:44px;
  height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(214,163,61,.38);
  border-radius:50%;
  background:rgba(255,255,255,.045);
  color:#d9a83f;
  text-decoration:none;
  transition:transform .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.re-footer .re-socials svg{
  width:19px;
  height:19px;
  fill:currentColor;
  stroke:none;
}

.re-footer .re-socials a:nth-child(2) svg{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.re-footer .re-socials a:nth-child(3) svg{
  width:18px;
  height:18px;
}

.re-footer .re-socials a:hover,
.re-footer .re-socials a:focus-visible{
  transform:translateY(-4px);
  background:#d9a83f;
  color:#0d1a30;
  border-color:#d9a83f;
  box-shadow:0 10px 24px rgba(217,168,63,.2);
  outline:none;
}

.re-footer .re-socials a:focus-visible{
  box-shadow:0 0 0 3px rgba(217,168,63,.2), 0 10px 24px rgba(217,168,63,.2);
}

@media (max-width:700px){
  .re-footer .re-socials{
    justify-content:center;
    gap:9px;
    margin-top:18px;
  }
  .re-footer .re-socials a{
    width:42px;
    height:42px;
  }
}

@media (max-width:380px){
  .re-footer .re-socials a{
    width:40px;
    height:40px;
  }
  .re-footer .re-socials svg{
    width:18px;
    height:18px;
  }
}
