/*
 * CSS for the prefixing suffixing experiments.
 *
 */

.buttons {
    width: 100%;
    box-sizing: border-box;
    padding: 0;
}

.button-container {
  display: inline-block;
  width: 50%;
  box-sizing: border-box;
  border: none;
  padding: 0;
  margin: 0;
}

.button {
    display: block;
    box-sizing: border-box;
    background-color: #f00;
    text-align: center;
    padding: 5px;    
}

.button:nth-child(odd) {
  margin-right: 5px;
}
.button:nth-child(even) {
  margin-left: 5px;
}