@charset "utf-8";
@import "../../base/fn";

.ysui-btn_default {
  color: $ysui-c2;
  background-color: #ffffff;
  &:visited {
    color: $ysui-c2;
  }
  &:after {
    content: " ";
    width: 200%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid $ysui-c4;
    transform: scale(.5);
    transform-origin: 0 0;
    box-sizing: border-box;
    border-radius: 88 * $px;
  }
  &.ysui-btn_disabled {
    opacity: .3;
  }
  &:not(.ysui-btn_disabled).ysui-btn_selected,
  &:not(.ysui-btn_disabled):active {
    color: $ysui-c1;
    &:after {
      border-color: $ysui-c1;
    }
  }
}

input.ysui-btn_default {
  border: 1px solid $ysui-c4;
  line-height: 88 * $px - 2px;
  &.ysui-btn_small {
    line-height: 60 * $px - 2px;
  }
  &:not(.ysui-btn_disabled).ysui-btn_selected,
  &:not(.ysui-btn_disabled):active {
    border-color: $ysui-c1;
  }
}