/* ---- button ---- */
.button {
display: inline-block;
margin: 0px 15px 20px 15px;
background: #fff;
border: none;
color: #333333;
font-size: 15px;
cursor: pointer;
font-weight: 500;
}
.button:hover {
background-color: #8CF;
color: #222;
}
.button:active,
.button.is-checked {
color: #333333;
border-bottom: 2px solid #ffc000;
}
.button.is-checked {
color: #333333;
border-bottom: 2px solid #ffc000;
}
.button:active , .button:hover{
background-color: #fff;
color: #333333;
border-bottom: 2px solid #ffc000;
}
/* ---- button-group ---- */
.button-group{
width: 100%;
text-align: center;
}
.button-group:after {
content: '';
display: block;
clear: both;
}
.button-group .button {
border-radius: 0;
}
/* ---- isotope ---- */
.grid {
width: 100%;
}
/* clear fix */
.grid:after {
content: '';
display: block;
clear: both;
}