/**
 * Swellボタンブロック 中央揃え強化CSS
 * .swell-block-button.is-style-btn_solidを確実に中央揃えにする
 */

/* ボタンコンテナを中央揃え */
.swell-block-button.is-style-btn_solid {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* 親要素がある場合の中央揃え */
.wp-block-group .swell-block-button.is-style-btn_solid,
.l--content .swell-block-button.is-style-btn_solid,
.cmn--contents .swell-block-button.is-style-btn_solid,
.post-content .swell-block-button.is-style-btn_solid,
.entry-content .swell-block-button.is-style-btn_solid {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ボタンリンクの中央揃え */
.swell-block-button.is-style-btn_solid a,
.swell-block-button.is-style-btn_solid .swell-block-button__link {
    display: inline-block !important;
    margin: 0 auto !important;
}

/* フレックスボックスを使った中央揃えの代替方法 */
.has-text-align-center .swell-block-button.is-style-btn_solid {
    display: flex !important;
    justify-content: center !important;
}

/* WordPressブロックエディタ用の中央揃え */
.aligncenter.swell-block-button.is-style-btn_solid {
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important;
}

/* モバイル表示での中央揃え強化 */
@media screen and (max-width: 768px) {
    .swell-block-button.is-style-btn_solid {
        display: block !important;
        margin: 20px auto !important;
        text-align: center !important;
    }
    
    .swell-block-button.is-style-btn_solid a,
    .swell-block-button.is-style-btn_solid .swell-block-button__link {
        display: block !important;
        width: 90% !important;
        margin: 0 auto !important;
        text-align: center !important;
    }
}