.like-button i {
    color: #FF2F40;
    font-size: 24px;
}

.like-button {
	    font-size: 24px;
    background: none; /* 背景色を透明に */
    border: none; /* 枠線を削除 */
    padding-left: 20px;
    padding-right: 0px;
    margin: 10px; /* マージンを削除 */
    color: inherit; /* ボタンのテキスト色を親要素から継承 */
}

.like-button:hover {
    cursor: pointer; /* マウスカーソルをポインターに変更 */
    opacity: 0.7; /* ホバー時にボタンを少し透明にする */
}

/* いいねされた時のメッセージ */
#like-message {
    display: none;
    position: absolute; /* 固定位置から絶対位置に変更 */
    background-color: #ff8793; /* ピンク色 */
    color: white;
    padding: 10px 20px;
    border-radius: 5px;
    z-index: 1000;
    font-size: 16px;
}


