@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;margin:0;padding:0}:is(.widget-blog-post-social-share ul) li{align-items:center;display:flex;gap:.5rem;justify-content:start;margin-block-end:0}:is(:is(.widget-blog-post-social-share ul) li) a{align-items:center;background:var(--ct-primary-button-background);block-size:32px;border-radius:9999px;color:var(--ct-primary-button-color);cursor:pointer;display:flex;flex-shrink:0;inline-size:32px;justify-content:center;transition:all .3s ease}:is(:is(:is(.widget-blog-post-social-share ul) li) a) svg{block-size:100%;inline-size:100%;max-block-size:20px;max-inline-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-column:col-start 1/col-end -1;grid-row:row-start 1/row-end 1}}