/*******************************
        Button Overrides
*******************************/

/**
 * UI adjacent to a button.
 *
 * Inherits the buttons padding, height and
 * margins to make the text vertically line
 * up with the adjacent button.
 */
.ui.adjacent.to.button {
  padding-left: 0;
  padding-right: 0;
  color: inherit;
  cursor: inherit;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/**
 * Add some bottom margin to a button.
 */
.ui.top.button:not(.attached) {
  margin-bottom: 0.25em;
}

/**
 * Improve visibility of disabled opaque buttons.
 */
.ui.disabled.opaque.button {
  opacity: 1 !important;
}

/* Stackable buttons */
@media only screen and (max-width: @largestTabletScreen) {
  .ui.stackable.buttons {
    display: inline-flex;
    flex-direction: column;
    .button {
      display: block;
      float: none;
      width: 100%;
      margin: @verticalGroupOffset;
      box-shadow: @verticalBoxShadow;
      border-radius: 0em;
    }
    .button:first-child {
      border-top-left-radius: @borderRadius;
      border-top-right-radius: @borderRadius;
    }
    .button:last-child {
      margin-bottom: 0px;
      border-bottom-left-radius: @borderRadius;
      border-bottom-right-radius: @borderRadius;
    }
    .button:only-child {
      border-radius: @borderRadius;
    }
  }
}