­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ ­ .upk-static-social-count { display: grid; grid-column-gap: 40px; grid-template-columns: repeat(4, 1fr); justify-content: center; width: 100%; } .upk-static-social-count .upk-item { text-align: center; transition: all 0.3s ease; } .upk-static-social-count .upk-item:hover .upk-icon { transform: translateY(-5px); } .upk-static-social-count .upk-icon { margin-bottom: 10px; transform: translateY(0); transition: transform 0.3s ease; } .upk-static-social-count .upk-icon span { font-size: 14px; border: 1px solid #c8c6c6; color: #565252; padding: 12px; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; border-radius: 100%; transition: all 0.3s ease; } .upk-static-social-count .upk-icon span:hover { color: #000; } .upk-static-social-count .upk-icon span i, .upk-static-social-count .upk-icon span svg { height: 1em; width: 1em; } .upk-static-social-count .upk-count { font-size: 14px; text-transform: uppercase; color: #383535; font-weight: 600; margin-bottom: 4px; } .upk-static-social-count .upk-meta { font-size: 14px; text-transform: capitalize; color: #626262; } .upk-static-social-count.upk-style-2 .upk-item { text-align: left; } .upk-static-social-count.upk-style-2 .upk-item, .upk-static-social-count.upk-style-3 .upk-item { display: inline-flex; align-items: center; grid-column-gap: 10px; } .upk-static-social-count.upk-style-2 .upk-icon, .upk-static-social-count.upk-style-3 .upk-icon { margin: 0; } .upk-static-social-count.upk-style-3 .upk-item { text-align: right; flex-direction: row-reverse; }