カーソルが当たったら文字が出るようにしたい

twitterのような簡易アプリを作成しています。
やりたい内容は、font awesomeで作成した記号があるので、
カーソルが当たって箱の中に文字が書かれているようにしたいです。
その文字はlink_toなどでリンクを飛ばしたいです。
現状、どう言う風に実装していいか分かりません。
調べてみましたが、私がやりたいような内容載ってないんです。
カーソルが当たったら文字が小さくなったり色が変わるやり方は
class名に:hoverをつけたらいいと思いますが、同じようなやり方でしょうか？
ご回答よろしくお願いします。

#補足
不足しており、申し訳ありません。
現在実装しているアプリは載せれないので違うアプリですが、こう言うのがやりたいです。
https://gyazo.com/72b68c78c36b2d2d2cdb8d667b0ccae0

tweets/index.html.haml

.chat
  - @tweets.each do |tweet|
    .tweets
      .name
        = tweet.user.name
      .messa
        = tweet.text
        %i.fas.fa
      .time
        = tweet.created_at.strftime("%Y/%m/%d %H:%M")
.tweets2
  = link_to new_tweet_path do
    %i.fas.fa

thyda.eiqau

2020/02/02 12:00

私の読解力の問題かと思いますが、あなたが目指している機能がどういったものなのか全く想像できないので、もう少し詳細を補足いただけますでしょうか。必要なら画像を添付することもできます。あと、その機能を実装しようとしている現状のコードをご提示ください。

thyda.eiqau

2020/02/03 05:39

画像にマウスオーバーしたときに、オーバーレイでメニューを出したいという意味ですか？

yume0409

2020/02/03 05:50

そうです。書き方が悪くて申し訳ありません。

thyda.eiqau

2020/02/03 06:47

「オーバーレイメニュー CSS」（適宜JavaScript, jQueryなどご自身の使いたい言語）でググるだけでサンプルコードが山ほど出てきますが、何か試しましたか？実装する手段はいくらでもあるので、漠然とやり方を聞かれても、10人回答者がいたら最大10通りの手段が返ってきて、決めるのも大変でお互いにしんどいだけです。どれか目指す道を決めていただいて、やってみたけどこんなエラーが出る、この意味がわからない、など具体的に詰めていくのが良いと思います。