.blog-post .blog-post__body .code-snippet,.code-snippet{background:#f4f5f4;border-radius:32px;padding:1.875rem}.blog-post .blog-post__body .code-snippet button,.code-snippet button{align-items:center;background:#d8d8d8;border:none;border-radius:12px;color:#444644;display:inline-flex;font-size:.75rem;font-weight:600;padding:.3125rem .75rem;transition:background .2s linear,color .2s linear}.blog-post .blog-post__body .code-snippet button svg,.code-snippet button svg{margin-right:.3125rem}.blog-post .blog-post__body .code-snippet button svg path,.code-snippet button svg path{transition:fill .2s linear}.blog-post .blog-post__body .code-snippet button:hover,.code-snippet button:hover{background:#004349;color:#44ff87}.blog-post .blog-post__body .code-snippet button:hover svg path,.code-snippet button:hover svg path{fill:#44ff87}.blog-post .blog-post__body .code-snippet button.active,.code-snippet button.active{background:#444644;color:#fff}.blog-post .blog-post__body .code-snippet button.active svg path,.code-snippet button.active svg path{fill:#fff}.blog-post .blog-post__body .code-snippet pre,.code-snippet pre{border-top:1px solid #d8d8d8;margin-top:1.25rem;padding-top:1.25rem}