.order-accepted {
  margin: 120px auto;
}

.order-accept {
  background: var(--box-bg);
  border-radius: var(--box-br);
  outline: 8px solid var(--box-cont-bg);
  color: var(--win-text);
  max-width: 600px;
  margin: 0 auto 50px;
  padding: 30px 3vw;
}

.order-failed-icon,
.order-accept-icon {
  margin: 0 auto 30px;
  max-width: 360px;
}

.order-failed-icon {
  max-width: 100px;
}

.order-failed-icon svg,
.order-accept-icon svg {
  position: relative;
  width: 100px;
  height: 100px;
  fill: #01bf16;
  --fill: #ffa634;
}

.order-accept-num {
  margin: 0 auto 36px;
  max-width: 360px;
  color: var(--win-title);
  font-size: 24px;
  font-weight: 500;
}

.order-accept-num span {
  font-size: 22px;
}

.order-accept-text {
  max-width: 360px;
  margin: 0 auto 36px;
  font-size: 15px;
  font-weight: 400;
}

.order-attention {
  margin: 0 auto 20px;
  max-width: 350px;
  font-size: 14px;
}

.order-review-title {
  margin: 20px auto;
  max-width: 400px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}

.order-accept-separator {
  height: 2px;
  width: 100%;
  margin: 0 auto;
  background: #3d4655;
  margin-bottom: 40px;
  margin-top: 35px;
}

.order-accepted .btn-order {
  background: linear-gradient(90deg, #0d0d0d 0%, #0a9708 100%);
  display: block;
  max-width: 360px;
  padding: 14px 20px;
  margin: 0 auto 36px auto;
  font-size: 15px;
  text-align: center;
}

.order-accepted .btn-order:hover {
  background: linear-gradient(90deg, #0d0d0d 10%, #067a04 100%);
}

.order-accepted .btn-order img {
  position: absolute;
  right: 15px;
  top: calc(50% - 17px);
  width: 34px;
  height: 34px;
}

.order-payment-text-desc {
  font-size: 13px;
  max-width: 55%;
}

.order-sucess {
  max-width: 850px;
}

.order-sucess--content {
  flex-wrap: nowrap;
  align-items: center;
  column-gap: 20px;
}

.order-sucess--image {
  flex: 0 0 40%;
  justify-content: center;
}

.order-sucess .order-accept-text p {
  text-align: left;
  margin-bottom: 20px;
}

.order-sucess .order-accept-text a,
.order-attention a {
  color: #4299f5;
}

.order-accept-text a:hover,
.order-attention a:hover {
  text-decoration: underline;
}

.order-failed-text a {
  color: #fff;
  text-decoration: underline;
}

.order-failed-header {
  font-size: 24px;
}

.btn.btn-order-profile {
  padding: 8px 20px;
  max-width: 360px;
  font-size: 13px;
  display: block;
  margin: 0 auto 40px;
  background: #126586;
}

.btn.btn-order-profile:hover {
  background: #075981;
  transform: translateY(-2px);
}

.btn-order .icon {
  padding-left: 0;
  display: block;
  fill: #fff;
  right: 20px;
}

.order-failed-text {
  text-align: center;
}