.signature-row{
  overflow:hidden;
  position:relative;
  width:100%;
}

.signature-track{
  display:flex;
  align-items:center;
  gap:16px;
  width:max-content;
  animation: scrollLeft 40s linear infinite;
}

.signature-row.reverse .signature-track{
  animation: scrollRight 45s linear infinite;
}

.signature-card{
  min-width:260px;
  background:#181818;
  border:1px solid #27272a;
  border-radius:20px;
  padding:18px;
  flex-shrink:0;
  transition:0.3s ease;
}

.signature-card:hover{
  border-color:#fff;
  transform:translateY(-3px);
}

.signature-avatar{
  width:46px;
  height:46px;
  border-radius:50%;
  background:#fff;
  color:#000;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:14px;
}

@keyframes scrollLeft{
  from{
    transform:translateX(0);
  }
  to{
    transform:translateX(-50%);
  }
}

@keyframes scrollRight{
  from{
    transform:translateX(-50%);
  }
  to{
    transform:translateX(0);
  }
}