.element-btn {
  font-size: 0;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  border: none;
  background: none;
  overflow: visible;
  text-align: center;
  background-color: #fff;
  border: solid 1px #cccccc;
  padding: 0; }

.element-btn .btn-txt {
  display: block;
  font-size: 14px;
  color: #666;
  line-height: 100%;
  font-weight: bold;
  padding-left: 28px;
  padding-right: 28px; }

.element-btn:disabled {
  border: 1px solid #e7e7e7;
  background-color: #fff; }

.element-btn:disabled .btn-txt {
  color: #aaaaaa; }

.element-btn.disabled {
  border: 1px solid #e7e7e7;
  background-color: #fff; }

.element-btn.disabled .btn-txt {
  color: #aaaaaa; }

.element-btn.active .btn-txt {
  color: #ff5000; }

.element-btn {
  height: 44px; }

.element-btn[class*="btn-round"] {
  border-radius: 2px; }

.element-btn[class*="btn-round-28"] {
  border-radius: 28px; }

.element-btn[class*="btn-orang"] {
  background-color: #ff5000;
  border: 1px solid #ff5000; }

.element-btn[class*="btn-orang"] .btn-txt {
  color: #ffffff; }

.element-btn[class*="btn-orang"]:disabled {
  border: 1px solid #e7e7e7;
  background-color: #e7e7e7; }

.element-btn[class*="btn-orang"]:disabled .btn-txt {
  color: #666666; }

.element-btn.btn-default:disabled {
  border: 1px solid #ccc; }

.element-btn[class*="btn-lightgray"] {
  border: solid 1px #eeeeee; }

.element-btn[class*="size-36"] {
  height: 36px; }

.element-btn[class*="size-32"] {
  height: 32px; }

.element-btn[class*="size-58"] {
  height: 58px; }

.element-btn[class*="size-30"] {
  height: 30px; }

.element-btn[class*="size-30"] .btn-txt {
  font-size: 13px; }

.element-btn[class*="size-56"] {
  height: 56px; }

.element-btn[class*="size-40"] {
  height: 40px; }

.element-btn[class*="size-40"] .btn-txt {
  font-size: 14px; }

.element-btn[class*="size-44"] {
  height: 44px; }

.element-btn[class*="size-44"] .btn-txt {
  font-size: 14px; }

.element-btn[class*="width-173"] {
  display: block;
  width: auto !important;
  min-width: 173px !important; }

.element-btn[class*="width-full"] {
  display: block;
  width: 100% !important; }

.element-btn[class*="size-64"] {
  position: relative;
  height: 64px; }

.element-btn[class*="size-64"] .icon-arrow-right {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -5px; }

.element-btn[class*="size-64"] .btn-txt {
  text-align: left;
  letter-spacing: -1px;
  font-weight: normal;
  padding-left: 16px;
  line-height: 16px;
  font-size: 12px;
  text-align: left;
  color: #999999; }

.element-btn[class*="size-64"] .btn-txt strong {
  color: #333; }

.element-btn.btn-round.size-56 {
  border-radius: 28px;
  border: solid 1px #cccccc;
  background-color: #ffffff; }

.element-btn.btn-round.size-56 .btn-txt {
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  color: #666666; }
