.bb-co-socials__grid{display:grid;gap:clamp(.9rem,.6rem + 1vw,1.5rem);grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));margin:0;padding:0;list-style:none}.bb-co-social{position:relative;display:grid;gap:.55rem;align-content:start;justify-items:start;min-width:0;padding:1.5rem 1.4rem 1.4rem;border-radius:var(--r-xl);background:radial-gradient(90% 70% at 100% 0%,color-mix(in srgb,var(--accent) 26%,transparent) 0%,transparent 65%),var(--bb-surface);box-shadow:inset 0 0 0 1px var(--bb-line),var(--sh-inset-hi),var(--sh-1);isolation:isolate;transition:transform var(--dur-3) var(--ease-spring),box-shadow var(--dur-3) var(--ease-spring)}.bb-co-social:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent),var(--sh-inset-hi),var(--sh-3)}.bb-co-social__icon{display:grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:.35rem;border-radius:1.1rem;background:var(--accent);color:var(--accent-ink);box-shadow:0 14px 28px -14px color-mix(in srgb,var(--accent) 90%,transparent);transition:transform var(--dur-3) var(--ease-bounce)}.bb-co-social__icon .bb-icon{--icon-size: 1.6rem}.bb-co-social--linkedin .bb-co-social__icon{background:var(--bb-teal);color:var(--bb-cream)}.bb-co-social--x .bb-co-social__icon{background:var(--bb-ink);color:var(--bb-cream)}.bb-co-social:hover .bb-co-social__icon{transform:rotate(-8deg) scale(1.08)}.bb-co-social__title{margin:0;font-family:var(--bb-font-display);font-size:1.5rem;font-weight:660;font-variation-settings:"SOFT" 100;line-height:1.1}.bb-co-social__link{color:inherit;text-decoration:none}.bb-co-social__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.bb-co-social__handle{margin:0;font-size:var(--fs-small);font-weight:700;color:color-mix(in srgb,var(--accent) 60%,var(--bb-ink))}.bb-co-social__text{margin:0;font-size:var(--fs-small);line-height:1.55;color:var(--bb-text-soft)}.bb-co-social__cta{display:inline-flex;align-items:center;gap:.4rem;margin-top:.5rem;padding:.45rem .9rem;border-radius:var(--r-pill);background:var(--bb-ink);color:var(--bb-butter);font-size:var(--fs-small);font-weight:800;pointer-events:none}.bb-co-socials__pat{z-index:2}@media(min-width:1024px){.bb-co-socials__grid--n5,.bb-co-socials__grid--n6{grid-template-columns:repeat(3,minmax(0,1fr))}.bb-co-socials__grid--n4,.bb-co-socials__grid--n7,.bb-co-socials__grid--n8{grid-template-columns:repeat(4,minmax(0,1fr))}.bb-co-socials__grid>.bb-co-social:nth-child(2n){translate:0 1rem}.bb-co-socials__grid--n5{grid-template-columns:repeat(6,minmax(0,1fr))}.bb-co-socials__grid--n7{grid-template-columns:repeat(8,minmax(0,1fr))}:is(.bb-co-socials__grid--n5,.bb-co-socials__grid--n7)>.bb-co-social{grid-column:span 2}.bb-co-socials__grid--n5>.bb-co-social:nth-child(4),.bb-co-socials__grid--n7>.bb-co-social:nth-child(5){grid-column:2 / span 2}}
