.next-btn-secondary:focus, .next-btn-secondary:active, .next-btn-secondary.active, .next-btn-secondary:hover, .next-btn-secondary.hover {
  color: #FFFFFF;
  background-color: #15AD9D;
  border-color: #15AD9D;
  text-decoration: none;
}

.next-btn-normal {
  border-style: solid;
  background-color: #F7F8FA;
  border-color: #C4C6CF;
}

.next-btn-normal, .next-btn-normal:link, .next-btn-normal:visited, .next-btn-normal.visited {
  color: #333333;
}

.next-btn-normal:focus, .next-btn-normal:active, .next-btn-normal.active, .next-btn-normal:hover, .next-btn-normal.hover {
  color: #333333;
  background-color: #F2F3F7;
  border-color: #A0A2AD;
  text-decoration: none;
}

.next-btn-small {
  margin: 0;
  height: 20px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 18px;
  border-width: 1px;
}

.next-btn-small>.next-icon {
  margin: 0 4px;
}

.next-btn-small>.next-icon:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-btn-small>.next-icon-first {
  margin-left: 0;
}

.next-btn-small>.next-icon-last {
  margin-right: 0;
}

.next-btn-small>.next-icon-alone {
  margin: 0;
}

.next-btn-small>.next-icon-split:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-btn-small.next-btn-loading {
  padding-left: 28px;
}

.next-btn-small.next-btn-loading:after {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  left: 12px;
  top: 50%;
  text-align: center;
  margin-top: -6px;
  margin-right: 4px;
}

.next-btn-small.next-btn-loading>.next-icon {
  display: none;
}

.next-btn-medium {
  margin: 0;
  height: 28px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 26px;
  border-width: 1px;
}

.next-btn-medium>.next-icon {
  margin: 0 4px;
}

.next-btn-medium>.next-icon:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-btn-medium>.next-icon-first {
  margin-left: 0;
}

.next-btn-medium>.next-icon-last {
  margin-right: 0;
}

.next-btn-medium>.next-icon-alone {
  margin: 0;
}

.next-btn-medium>.next-icon-split:before {
  width: 12px;
  font-size: 12px;
  line-height: inherit;
}

.next-btn-medium.next-btn-loading {
  padding-left: 32px;
}

.next-btn-medium.next-btn-loading:after {
  width: 12px;
  height: 12px;
  font-size: 12px;
  line-height: 12px;
  left: 16px;
  top: 50%;
  text-align: center;
  margin-top: -6px;
  margin-right: 4px;
}

.next-btn-medium.next-btn-loading>.next-icon {
  display: none;
}

.next-btn-large {
  margin: 0;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  line-height: 38px;
  border-width: 1px;
}

.next-btn-large>.next-icon {
  margin: 0 8px;
}

.next-btn-large>.next-icon:before {
  width: 16px;
  font-size: 16px;
  line-height: inherit;
}

.next-btn-large>.next-icon-first {
  margin-left: 0;
}

.next-btn-large>.next-icon-last {
  margin-right: 0;
}

.next-btn-large>.next-icon-alone {
  margin: 0;
}

.next-btn-large>.next-icon-split:before {
  width: 20px;
  font-size: 20px;
  line-height: inherit;
}

.next-btn-large.next-btn-loading {
  padding-left: 44px;
}

.next-btn-large.next-btn-loading:after {
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  left: 20px;
  top: 50%;
  text-align: center;
  margin-top: -8px;
  margin-right: 8px;
}

.next-btn-large.next-btn-loading>.next-icon {
  display: none;
}

.next-btn-ghost {
  box-shadow: none;
  border-style: solid;
}

.next-btn-ghost.next-btn-dark {
  background-color: transparent;
  border-color: #FFFFFF;
}