@layer widget{:has(>.widget-blog-post-social-share){container-type:inline-size}.widget-blog-post-social-share{display:inline-flex;flex-direction:column;gap:16px;text-align:start}.widget-blog-post-social-share h2{color:var(--ct-color);margin-block-end:0}.widget-blog-post-social-share ul{display:flex;gap:16px;list-style:none;padding:0;margin:0}:is(.widget-blog-post-social-share ul) li{display:flex;gap:.5rem;justify-content:start;align-items:center;margin-block-end:0}:is(:is(.widget-blog-post-social-share ul) li) a{flex-shrink:0;display:flex;align-items:center;justify-content:center;inline-size:32px;block-size:32px;border-radius:9999px;background:var(--ct-primary-button-background);color:var(--ct-primary-button-color);cursor:pointer;transition:all .3s ease}:is(:is(:is(.widget-blog-post-social-share ul) li) a) svg{inline-size:100%;block-size:100%;max-inline-size:20px;max-block-size:20px;fill:var(--ct-primary-button-color)}:is(:is(:is(.widget-blog-post-social-share ul) li) a):hover{background:var(--ct-primary-button-background-hover);color:var(--ct-primary-button-color-hover)}:is(:is(:is(.widget-blog-post-social-share ul) li) a):hover svg{fill:var(--ct-primary-button-color-hover)}@container (max-inline-size: 224px){.widget-blog-post-social-share ul{flex-direction:column}}}@layer module{.module-blog-post-social-share{--module-grid-rows:[row-start] minmax(0, min-content) [row-end]}.module-blog-post-social-share .dummy{grid-row:row-start 1 / row-end 1;grid-column:col-start 1 / col-end -1}}