.social-card{grid-column:span 3/span 3;display:flex;cursor:pointer;flex-direction:column;align-items:center;gap:1rem;border-radius:.5rem;border-width:1px;padding:2rem 1rem;text-align:center}.social-card:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity))}.social-card:hover:is(.dark *){background-color:rgb(0 0 0/.3)}.heading{display:flex;flex-direction:column;align-items:center}.subtitle{font-size:.875rem;line-height:1.25rem;font-weight:300;line-height:2}.subtitle:is(.dark *){opacity:.5}