@cobuildlab/8base-chat/src/shared/components/message-file/message-file.module.css

Chat component that uses 8base

.body {
  display: flex;
  align-items: center;

  &:hover {
    .actions {
      opacity: 1;
    }
  }
}

.icon {
  margin-right: 14px;
}

.name {
  composes: f3, txt-ellipsis from '../../../styles/utilities.css';
}

.actions {
  display: flex;
  align-items: center;
  margin-left: 14px;

  opacity: 0;
  transition: 0.2s all;
}