こんばんは

お気に入りボタン利用させて頂いてます(^^♪

レビューボタンを画像作成(306x48)したのですが・・次のように組み込むと縦3つに表示されないんです
プレビューでは、上から「お気に入り商品に追加」その下に「レビューボタン」と2つ表示になります
何か、間違ってますでしょうか？　よろしくお願いいたします
※下記のお気入り商品登録と、お気にいりショップボタンの画像は利用しています


<style>
/* お気に入り商品登録画像変更 */
body #rakutenLimitedId_aroundCart div.bkm{
width: 306px !important;
}
body div.bookmarkArea div.bkm a.addBkm span.bkmStar {
width: 306px !important;
height: 48px !important;
background: url(《画像URL》) no-repeat 0 0 !important;
}
body div.bookmarkArea div.bkm a.addBkm {
width: 306px !important;
height: 48px !important;
}

/* お気に入りショップ登録画像変更 */
body #rakutenLimitedId_aroundCart div.shopBkm{
width: 306px !important;
padding-left: 0px !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
width: 306px !important;
height: 48px !important;
background: url(《画像URL》) no-repeat 0 0 !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm {
width: 306px !important;
height: 48px !important;
}

/* レビュー書いてね登録画像変更 */
body #rakutenLimitedId_aroundCart div.shopBkm{
width: 306px !important;
padding-left: 0px !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm span.shopBkmStar {
width: 306px !important;
height: 48px !important;
background: url(https://image.rakuten.co.jp/SHOP-URL/cabinet/05901484/1bn387.jpg) no-repeat 0 0 !important;
}
body div.shopBookmarkArea div.shopBkm a.addShopBkm {
width: 306px !important;
height: 48px !important;
}
</style>

■楽天24 のような商品
https://item.rakuten.co.jp/SHOP-URL/ITEM-URL/　を参考にしました

目的は「商品到着後、レビュー記載で次回使用できるクーポンです」
上記のレビューボタン設置とリンク誘導できれば尚更いいです

よろしくお願いいたします