/* ---- button ---- */

.button {
  font-family: 'century-gothic', sans-serif;
  display: inline-block;
  border: none;
  cursor: pointer;


}

.button:hover {
  box-shadow:0 4px 10px 0 rgba(0,0,0,0.3),0 4px 20px 0 rgba(0,0,0,0.19);
}

.button:active,
.button.is-checked {
  box-shadow:0 4px 10px 0 rgba(0,0,0,0.4),0 4px 20px 0 rgba(0,0,0,0.19);
}

.button.is-checked {
  box-shadow:0 4px 10px 0 rgba(0,0,0,0.6),0 4px 20px 0 rgba(0,0,0,0.19);
}

.button:active {
  box-shadow:0 4px 10px 0 rgba(0,0,0,0.6),0 4px 20px 0 rgba(0,0,0,0.19);
}



/* ---- button-group ---- */
.button-group {
  overflow: hidden;
  float:right;
  padding: 15px 15px 20px 15px;
  margin-bottom: 20px;




}
.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {



  margin-bottom: 10px;

}

.button-group .button:first-child { }
.button-group .button:last-child {  }

/* ---- isotope ---- */