.shr { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 8px 0 12px; font-family: inherit; }
.shr-k { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; opacity: .75; margin-right: 2px; }
.shr-b { display: inline-grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 50%; color: #fff; cursor: pointer; text-decoration: none; flex: 0 0 auto; }
.shr-b:hover, .shr-b:focus-visible { filter: brightness(1.15); outline: 2px solid #d9b45a; outline-offset: 2px; }
.shr-note { flex-basis: 100%; font-size: 13px; color: #b08a2e; min-height: 0; }
.shr-note:empty { display: none; }
.cl-panel .shr { flex-basis: 100%; margin: 2px 0; }
@media (max-width: 380px) { .shr { gap: 5px; } .shr-b { width: 28px; height: 28px; } }
@media print { .shr { display: none !important; } }