.demo-credentials{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:14px;
  background:rgba(7,68,61,.2);
}
.demo-credentials div{
  display:grid;
  gap:3px;
  min-width:0;
}
.demo-credentials span{
  font-size:12px;
  opacity:.78;
}
.demo-credentials b{
  font-size:14px;
  overflow-wrap:anywhere;
}
.demo-credentials p{
  grid-column:1/-1;
  margin:2px 0 0;
  font-size:12px;
  line-height:1.45;
  opacity:.82;
}
@media (max-width:520px){
  .demo-credentials{grid-template-columns:1fr}
  .demo-credentials p{grid-column:auto}
}