@import 'common/variables';

.comment {
  position: relative;
  overflow: hidden;
  margin-bottom: $offset;
  font-size: 16px;
  line-height: 1.2;

  &:hover {
    .comment__controls {
      font-weight: 700;

      @media (hover: hover) {
        transform: translateX(8px);
        opacity: 1;
      }
    }
  }
}