/* Deynu 16.9.0.7 — affiliate action lives beside Save in the social feed action bar. */
.social-page .social-iconbar-side{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  flex:0 0 auto;
  min-width:0;
}
.social-page .social-affiliate-action{
  appearance:none;
  -webkit-appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:44px;
  padding:0 12px;
  margin:0;
  border:1px solid #d5e7df;
  border-radius:999px;
  background:#f1f8f5;
  color:#17664f;
  box-shadow:none;
  font:inherit;
  font-size:12px;
  font-weight:850;
  line-height:1;
  white-space:nowrap;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.social-page .social-affiliate-action::before{
  content:'↗';
  width:22px;
  height:22px;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 22px;
  background:#e7b85d;
  color:#243e36;
  font-size:14px;
  font-weight:900;
  line-height:1;
}
.social-page .social-affiliate-action:hover{
  background:#e9f5f0;
  border-color:#bcd9cd;
  color:#125640;
  transform:translateY(-1px);
  box-shadow:0 7px 18px rgba(23,102,79,.10);
}
.social-page .social-affiliate-action:focus-visible{
  outline:3px solid rgba(229,184,93,.42);
  outline-offset:2px;
}
.social-page .social-affiliate-action:active{transform:translateY(0)}

@media (max-width: 700px){
  .social-page .social-iconbar-side{gap:2px}
  .social-page .social-affiliate-action{
    width:44px;
    height:44px;
    min-width:44px;
    min-height:44px;
    padding:0;
    border-radius:50%;
    font-size:0;
  }
  .social-page .social-affiliate-action::before{
    width:24px;
    height:24px;
    flex-basis:24px;
    font-size:15px;
  }
}

@media (prefers-reduced-motion:reduce){
  .social-page .social-affiliate-action{transition:none!important}
}