.puphello-greeting{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin:4px 0 22px;
  padding:0;
  color:#1b1b1b;
}
.puphello-copy{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:9px 13px 9px 14px;
  border-left:3px solid #ff7a00;
  border-radius:0 10px 10px 0;
  background:linear-gradient(90deg,rgba(255,122,0,.08),rgba(255,122,0,0));
}
.puphello-prefix{
  font-size:17px;
  font-weight:500;
  color:#555;
}
.puphello-name{
  font-size:20px;
  font-weight:800;
  color:#111;
}
.puphello-emoji{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
}
@media(max-width:520px){
  .puphello-copy{gap:6px;padding:8px 11px 8px 12px}
  .puphello-prefix{font-size:16px}
  .puphello-name{font-size:18px}
  .puphello-emoji{font-size:18px}
}