.top-balance.btn-header {
	cursor: pointer;
	border: 1px solid;
}
.top-balance.btn-header:hover {
	opacity: 0.8;
}
.top-balance.btn-header.has-notification::after {
	  content: attr(data-count);
    position: absolute;
    top: 2px;
    right: 7px;
    width: 16px;
    height: 16px;
    background: #ff3b30;
    color: #fff;
    border-radius: 50%;
    border: 1px solid #607D8B;
    font-size: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.dark_mode .top-balance.btn-header.has-notification::after {
    border: 1px solid #222e3c;
}