.blog-post__social{padding:2rem 0}.blog-post__social-title{margin-bottom:1em}@media only screen and (min-width:768px){.blog-post__social{align-items:center;display:flex}.blog-post__social-title{margin-bottom:0}}.blog-post__social-list{align-items:center;display:flex}.blog-post__social-list-item{margin-right:1em}.blog-post__social-list-item a{display:block;line-height:0}.blog-post__social-list-item svg{aspect-ratio:1/1;transition:var(--transition);width:1.2rem}.blog-post__social-list-item:hover svg{fill:var(--dark-quaternary)}