.asaas-status > div {
  flex-wrap: wrap;
}

.asaas-connect-button {
  margin-left: auto;
  border: 0;
  border-radius: 9px;
  padding: 9px 13px;
  background: #16885f;
  color: #fff;
  font-size: 11px;
  font-weight: 850;
  cursor: pointer;
}

.asaas-status .warning .asaas-connect-button {
  background: #b9620f;
}

.asaas-card {
  max-width: 570px;
}

.asaas-card > p {
  color: #77666a;
  line-height: 1.55;
}

.asaas-card > label {
  margin-top: 15px;
}

.asaas-security {
  margin: 4px 0 18px;
  border: 1px solid #c8e8da;
  border-radius: 11px;
  padding: 12px 14px;
  background: #edf9f3;
  color: #176647;
  font-size: 11px;
  font-weight: 750;
}

.asaas-flow {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 18px;
}

.asaas-flow span {
  border-radius: 9px;
  padding: 10px;
  background: #f4ece9;
  color: #6f4c54;
  font-size: 10px;
  font-weight: 800;
  text-align: center;
}

@media (max-width: 760px) {
  .asaas-connect-button {
    margin-left: 0;
  }

  .asaas-flow {
    grid-template-columns: 1fr;
  }
}