@import '@/styles/common.less';
@import '@/styles/variables.less';

.exchange-message {
  width: 100%;
  .flex-column();
  margin-top: 40px;

  &__content {
    padding: 24px 60px;
    background: #FFFFFF;
    border-radius: 20px;
  }

  &__title {
    font-size: 28px;
    line-height: 40px;
    font-weight: 400;
    color: @blColor;
  }

  &__buttons {
    .flex-row();
    justify-content: center;
    margin-top: 32px;
  }

  &__reject {
    .button(@width: 176px; @height: 56px; @fontSize: 28px; @borderRadius: 48px);
    border: 2px solid #E0E0E0;
    color: @blColor;
    background: #FFF;
    margin-right: 24px;
  }

  &__agree {
    .button(@width: 176px; @height: 56px; @fontSize: 28px; @borderRadius: 48px);
  }

  &__disable-btn {
    .button(@height: 56px; @fontSize: 28px; @borderRadius: 48px);
    padding: 0 74px;
    color: #C0C0C0;
    background: #F0F0F0;

    &:active {
      background: #F0F0F0;
    }
  }
}