.phx-simple-ripple-btn{
  .phlox-ripple();

  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;

  &.disabled {
    background-color: extract(@CLR_BRAND_HUE, 2);
  }

  button {
    background-color: extract(@CLR_1, 9);
    border: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    height: 100%;
    position: relative;
    border: @SIMPLE_RIPPLE_BTN_BORDER_THICKNESS solid @CLR_BORDER_COLOR;

    &:focus {
      border: @PHLOX_DROPDOWN_FOCUS_BORDER_THICKNESS solid @CLR_BORDER_COLOR;
    }
  }
}