.square {
width: 45px;
height: 45px;
background: #fff;
border: solid 1px black;
&:hover, &:active {
transition: background 0.2s ease;
background: #3da0e4;
border: solid 1px #3da0e4;
color: #fff;
}
}
.color-square {
width: 45px;
height: 45px;
transition: background 0.2s ease;
background: #3da0e4;
color: #fff;
display: inline-block !important;
margin-left: 24px !important;
border: solid 1px;
}
.horizontal {
display: inline-block !important;
margin-left: 24px !important;
}