/* HatchDesk theme: social share icons (Views/Shared/_ShareButtons.cshtml). Used by Home/Index, Home/Blogs, Home/BlogDetail. Requires core.css. */

.hd-share { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 6px; }
.hd-share a, .hd-share button { display: grid; place-items: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 999px; background: rgba(11, 16, 32, .06); font-size: 14px; line-height: 1; color: #0B1020; text-decoration: none; cursor: pointer; transition: background-color .2s, color .2s, transform .2s cubic-bezier(.22, 1, .36, 1); }
.hd-share a:hover, .hd-share a:focus-visible, .hd-share button:hover, .hd-share button:focus-visible { color: #fff; text-decoration: none; transform: translateY(-2px); }
.hd-share .is-fb:hover, .hd-share .is-fb:focus-visible { background: #1877F2; }
.hd-share .is-in:hover, .hd-share .is-in:focus-visible { background: #0A66C2; }
.hd-share .is-x:hover, .hd-share .is-x:focus-visible { background: #0B1020; }
.hd-share .is-wa:hover, .hd-share .is-wa:focus-visible { background: #128C7E; }
.hd-share .is-more:hover, .hd-share .is-more:focus-visible { background: #0F75BD; }

/* on dark / image backgrounds (featured blog post) */
.hd-share.is-light a, .hd-share.is-light button { background: rgba(255, 255, 255, .16); color: #fff; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }

@media (prefers-reduced-motion: reduce) {
    .hd-share a, .hd-share button { transition: none; }
}