custum styling categories shop/blog

Hello
can someone help me with my code.
I would like to style the categories in the shop exactly as in the blog.
Blog
https://www.zwischenbergeundsee.de/blog
Shop
https://www.zwischenbergeundsee.de/shop

I use exactly the same code in the shop and have only changed the class. Nevertheless it does not work that the bubbles are centred and the bubbles are also a bit thicker. 

///blog cloud///

/* Styl */
.sqs-tagcloud li a {
    color: #192D73;
    background-color: #F5F0EB;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 14px;
    font-family: 'TTLivretLight';
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
transition: .15s ease-out;
}

/* Hover */
    .sqs-tagcloud li a:hover {
    background-color: #FAF7F4;
}

/* tag cloud */
.sqs-tagcloud li {
    margin-bottom: 3px;
    margin-right: 5px;
}

/* Mittig Platziert */
ul.sqs-tagcloud {
  text-align:center;
}

///shop cloud///

/* Styl */
    .nested-category-children a {
    color: #E66919!important;
    background-color: #EBC3AF;
    padding: 5px 10px;
    border-radius: 50px;
    font-size: 14px;
    font-family: 'TTLivretLight';
-webkit-transition: .15s ease-out;
-moz-transition: .15s ease-out;
transition: .15s ease-out; }

/* Hover */
    .nested-category-children a:hover{
    background-color: #FAE8DF; }

/* tag cloud */
.nested-category-children li {
    margin-bottom: 3px;
    margin-right: 0px; }

/* Mittig Platziert */
.nested-category-children {
  text-align:center; }

/* trennlinien */
.breadcrumb-separator {
    color: #FFFFFF; }

Can anyone help me what the problem is?
Many thanks in advance.