.mf-article-share {
 display: grid;
 gap: .55rem;
 margin: .85rem 0;
}

.mf-article-share--card {
 margin: .7rem 0 .35rem;
}

.mf-article-share__summary {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: .6rem;
 width: 100%;
 border: 1px solid rgba(245,200,66,.22);
 border-radius: 999px;
 padding: .58rem .78rem;
 background: rgba(245,200,66,.08);
 color: var(--text, #f8f6ef);
 cursor: pointer;
 font: 800 .68rem/1 var(--f-mono, monospace);
 letter-spacing: .08em;
 text-transform: uppercase;
}

.mf-article-share__summary::-webkit-details-marker {
 display: none;
}

.mf-article-share__summary::after {
 content: "+";
 color: #f5c842;
 font-size: .95rem;
 line-height: 1;
}

.mf-article-share[open] .mf-article-share__summary::after {
 content: "-";
}

.mf-article-share__panel {
 display: grid;
 gap: .65rem;
 border: 1px solid rgba(255,255,255,.1);
 border-radius: 1rem;
 padding: .8rem;
 background:
  radial-gradient(circle at 14% 0, rgba(245,200,66,.12), transparent 34%),
  rgba(5,12,10,.92);
 box-shadow: 0 18px 44px rgba(0,0,0,.2);
}

.mf-article-share__row {
 display: flex;
 flex-wrap: wrap;
 gap: .45rem;
}

.mf-article-share__button {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 2.35rem;
 border: 1px solid rgba(255,255,255,.13);
 border-radius: 999px;
 padding: .58rem .75rem;
 background: rgba(255,255,255,.035);
 color: var(--text, #f8f6ef);
 text-decoration: none;
 cursor: pointer;
 font: 800 .66rem/1 var(--f-mono, monospace);
 letter-spacing: .06em;
 text-transform: uppercase;
 transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.mf-article-share__button:hover,
.mf-article-share__button:focus-visible {
 transform: translateY(-1px);
 border-color: rgba(245,200,66,.45);
 background: rgba(245,200,66,.12);
}

.mf-article-share__button--primary {
 border-color: rgba(245,200,66,.45);
 background: #f5c842;
 color: #10160c;
}

.mf-article-share__button--native {
 display: none;
}

.mf-article-share.is-native-ready .mf-article-share__button--native {
 display: inline-flex;
}

.mf-article-share__instagram {
 display: grid;
 gap: .35rem;
 border-top: 1px solid rgba(255,255,255,.1);
 padding-top: .65rem;
 color: rgba(248,246,239,.74);
 font-size: .82rem;
 line-height: 1.45;
}

.mf-article-share__instagram strong {
 color: #fff8de;
}

.mf-article-share__status {
 min-height: 1.1rem;
 color: #c8f230;
 font: 800 .68rem/1 var(--f-mono, monospace);
 letter-spacing: .08em;
 text-transform: uppercase;
}

.mf-article-share--card .mf-article-share__panel {
 padding: .65rem;
}

.mf-article-share--card .mf-article-share__button {
 min-height: 2rem;
 padding: .48rem .62rem;
 font-size: .6rem;
}

@media (max-width: 680px) {
 .mf-article-share__row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
 }

 .mf-article-share__button {
  width: 100%;
 }
}