How can I correctly align the cart count number using this code?

HOW CAN I ALIGN CART COUNT NUMBER HERES THE CODE FOR IT

.site-header__cart-count {
display: flex;
align-items: center;
justify-content: center;
position: Center;
right: 0rem;
top: 0rem;
font-weight: bold;
background-color: var(–color-btn-primary);
color: var(–color-btn-primary-text);
border-radius: 50%;
min-width: 1em;
height: 1em; }
.site-header__cart-count span {
font-family: “VCR”;
font-size: calc(11em / 16);
line-height: 1; }

@media only screen and (max-width: 749px) {
.site-header__cart-count {
top: calc(7em / 16);
right: 0;
border-radius: 50%;
min-width: calc(19em / 16);
height: calc(19em / 16); } }

@media only screen and (max-width: 749px) {
.site-header__cart-count span {
padding: 0.25em calc(6em / 16);
font-size: 12px; } }

Hello @designdevil ,

It’s the GemPages Support Team and we are glad to assist you today!

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

Hi @designdevil

Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.