.card {
  width: 100%;
  background: #ffffff;
  border-radius: 1em;
  box-shadow: 0 0.375em 1.875em rgba(17,24,39,0.06);
  padding: 3em;
}

.grid {
  display: grid;
  grid-template-columns: 9em 1fr;
  gap: 1.5em;
  align-items: center;
}

.avatar {
  width: 8em;
  height: 8em;
  border-radius: 50%;  
  background: linear-gradient(135deg,#e6e9ef,#f8fafc);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #6b7280;
  border: 0.0625em solid rgba(17,24,39,0.04);
  overflow: hidden; 
}

.avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 0.625em;
  padding: 0.625em 0.875em;
  border-radius: 0.625em;
  text-decoration: none;
  border: 0.0625em solid rgba(17,24,39,0.06);
  background: transparent;
  font-weight: 600;
  color:#111827;
}

.btn svg { 
  width: 1.125em; 
  height: 1.125em; 
  display: block 
}