.color_div{
    margin-top:20px;
}
.shoes-colors {
display: flex;
}

.shoes-colors span {
width: 20px;
height: 20px;
margin: 0 5px;
border-radius: 50%;
cursor: pointer;
position: relative
}

.blue {
background: #7ed6df
}

.green {
background: #badc58
}

.yellow {
background: #f9ca24
}

.rose {
background: #ff7979
}

.shoes-colors span .active:after {
content: "";
width: 30;
height: 30;
border: 2px solid #8888;
position: absolute;
border-radius: 50%;
box-sizing: border-box;
left: -4px;
top: -4px
}
.stores_name
{
   clear: both;
display: inline-block;
overflow: hidden;
white-space: nowrap;
margin-left: 2px;
padding: 5px 10px;
border: 2px solid black;
border-radius: 25px;
}
.stores_name:hover
{
cursor:pointer;
background-color:#076A3B;
color:white;
border: 2px solid #076A3B;
}
.stores_name_active
{
cursor:pointer;
background-color:#076A3B;
color:white;
border: 2px solid #076A3B;
}

.color-active{
width: 25px !important;
height: 25px !important ;
margin:  -5px 5px 0px 5px !important;
border-radius: 50% !important;
cursor: pointer;
position: relative;
border: 4px solid white;
box-shadow: 0px 0px 10px 0px rgb(128 128 128);
}