/* Approved side widget: two successive 10% increases make buttons and icons 21% larger than the mockup. */
.ef-floating-socials{
  --ef-social-size:calc(44px * 1.21);
  --ef-social-icon:calc(24px * 1.21);
  position:fixed;
  top:50%;
  right:max(16px,env(safe-area-inset-right));
  z-index:24;
  display:flex;
  flex-direction:column;
  gap:calc(8px * 1.1);
  transform:translateY(-50%);
}
.ef-floating-socials>a{
  box-sizing:border-box;
  display:grid;
  place-items:center;
  flex:none;
  width:var(--ef-social-size);
  height:var(--ef-social-size);
  margin:0;
  padding:0;
  border:1px solid #e4d2b8;
  border-radius:50%;
  background:#fff8ed;
  color:#0e624c;
  text-decoration:none;
  box-shadow:0 4px 12px #193d2b1a;
  transition:background-color .18s ease,box-shadow .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.ef-floating-socials>a:hover{
  background:#f1ecdF;
  box-shadow:0 5px 16px #193d2b29;
}
.ef-floating-socials>a:focus-visible{
  outline:2px solid #0e624c;
  outline-offset:3px;
}
.ef-floating-socials svg{
  display:block;
  width:var(--ef-social-icon);
  height:var(--ef-social-icon);
  pointer-events:none;
}
@media(max-width:700px){
  .ef-floating-socials{
    --ef-social-size:calc(38px * 1.21);
    --ef-social-icon:calc(22px * 1.21);
    top:clamp(145px,25vh,210px);
    top:clamp(145px,25svh,210px);
    right:max(8px,env(safe-area-inset-right));
    gap:calc(6px * 1.1);
    transform:none;
  }
}
@media(prefers-reduced-motion:reduce){
  .ef-floating-socials>a{transition:none}
}
@media print{
  .ef-floating-socials{display:none}
}