@import '../includes/variables';

.twofas-totp-confirmation-box {
  form {
    padding-top: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px !important;
    text-align: center;

    label {
      font-size: 14px;
      font-weight: 400;
      line-height: 22px;
    }

    .action-btn {
      display: block;
      font-size: 12px;
      height: 34px;
      line-height: 34px;
      width: 100%;
    }
  }

  img {
    display: inline-block;
  }

  a {
    display: block;
    margin-top: 15px;
    text-align: center;

    &:hover {
      text-decoration: underline;
    }
  }

  .modal {
    form {
      background: none;
      box-shadow: none;
      padding: 0;

      .action-btn {
        display: inline-block;
        width: auto;
      }
    }

    .content-container {
      .buttons {
        @media all and (max-width: 520px) {
          .cancel-btn {
            margin-bottom: 10px !important;
          }

          .action-btn {
            display: block;
            width: 100%;
          }
        }
      }
    }
  }
}