ul.promotion-menu-list {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    gap: 20px;
}

.promotion-menu-list li img {
    height: 50px; /* Matches the button height in your HTML */
    display: block;
    cursor: pointer;
}

/* wazzupのボタン自体を画像に置き換える */
.w-topic button.w_topic_button {
    /* 画像を背景に設定 */
    background-image: url("/static/full/images/wazzup/bn_line.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important; /* 背景色を透過 */

    /* 元のテキストを消す */
    color: transparent !important;

    /* 枠線や影などのデザインをリセット */
    border: none !important;
    box-shadow: none !important;
    outline: none !important;

    /* サイズ指定（画像の比率に合わせる） */
    width: 250px !important;
    height: 50px !important;
    cursor: pointer !important;
    padding: 0 !important;
}