.wp-block-woocommerce-mini-cart {
position: relative;
.wc-block-mini-cart__button {
display: flex;
gap: 10px;
align-items: center;
@media (width <= 75rem) {
padding: 0;
}
}
.wc-block-mini-cart__icon {
display: none;
}
.wc-block-mini-cart__quantity-badge::before {
content: " ";
display: inline-block;
height: 18px;
width: 18px;
background-color: var(--wp--preset--color--white);
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
}
.wc-block-mini-cart__quantity-badge .wc-block-mini-cart__badge {
width: 18px;
height: 18px;
background-color: var(--wp--preset--color--yellow) !important;
color: var(--wp--preset--color--text-primary) !important;
font-size: 8px;
font-style: normal;
font-weight: 500;
line-height: 24px;
margin-top: -7px;
margin-left: -62%;
}
.wc-block-mini-cart__amount {
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 22px;
}
@media (width <= 1200px) {
.wc-block-mini-cart__amount {
display: none;
}
}
&.flex-col {
.wc-block-mini-cart__button {
flex-direction: column;
}
}
}
.wp-block-woocommerce-mini-cart.text-primary-count .wc-block-mini-cart__quantity-badge {
.wc-block-mini-cart__badge {
background-color: var(--wp--preset--color--text-primary) !important;
color: var(--wp--preset--color--white) !important;
}
&:before {
background-color: var(--wp--preset--color--text-primary);
}
}