.article-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:24px}.article-share>span{font-size:12px;color:#969ba5;margin-right:4px}.article-share>a,.article-share>button{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #ffffff30;border-radius:50%;background:#14171b;color:#fff;cursor:pointer;transition:filter .2s,border-color .2s}.article-share svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.article-share>a:nth-of-type(1){background:#080808}.article-share>a:nth-of-type(2){background:#1877f2;border-color:#1877f2}.article-share>a:nth-of-type(3){background:#0a66c2;border-color:#0a66c2}.article-share>a:nth-of-type(4){background:#25d366;border-color:#25d366}.article-share>a:hover,.article-share>button:hover{filter:brightness(1.2);border-color:#ffffff80}.article-share>button{color:#d9bd72;background:#f0b90b0c;border-color:#f0b90b30}.article-share small{font-size:12px;color:#c9b68c}.article-share small:empty{display:none}.article-share a:focus-visible,.article-share button:focus-visible{outline:2px solid #b8afff;outline-offset:3px}@media(max-width:650px){.article-share{justify-content:center;gap:8px}.article-share>a,.article-share>button{width:40px;height:40px;flex-basis:40px}.article-share small:not(:empty){flex-basis:100%;text-align:center}}
.article-share>a:nth-of-type(n),.article-share>button{background:transparent;color:#a8abb4;border-color:#ffffff29;box-shadow:none}
.article-share>a:nth-of-type(1):hover{background:#19191c;color:#fff;border-color:#ffffff66}
.article-share>a:nth-of-type(2):hover{background:#1877f2;color:#fff;border-color:#1877f2}
.article-share>a:nth-of-type(3):hover{background:#0a66c2;color:#fff;border-color:#0a66c2}
.article-share>a:nth-of-type(4):hover{background:#128c4d;color:#fff;border-color:#128c4d}
.article-share>button:hover{background:#ffffff0d;color:#e4ddf5;border-color:#c4b5fd66}
.article-share>a:hover,.article-share>button:hover{filter:none}