.coll_name_bg {
  border-radius: 20px;
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 5px 20px;
  word-break: break-word;
  will-change: transform;
  transition: all var(--duration-long) ease;
}
.collec_name:hover .coll_name_bg {
    transform: translateY(-2px);
}
@media (max-width: 575px) {
  .coll_name_bg {
    gap: 3px;
    padding: 5px 9px;
  }
}