/**
 * Group of Buttons for WordPress
 */

.mgjp-btn-group {
  @extend .clearfix;
  display: inline-block;
  vertical-align: middle;
  .button,
  .button-primary,
  .button-secondary {
    border-right-width: 0;
    border-radius: 0;
    float: left;
    &:first-child {
      border-radius: 3px 0 0 3px;
    }
    &:last-child {
      border-right-width: 1px;
      border-radius: 0 3px 3px 0;
    }
    &:hover, &:focus, &:active {
      border-right-width: 1px;
      + .button,
      + .button-primary,
      + .button-secondary {
        border-left-width: 0;
      }
    }
  }
}