/* 首頁「最新加入住宿/餐飲」標題統一樣式 */
.preview.new-in-stays h2,
.preview.new-in-dine h2 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 24px;
    color: #526D82;
}


/* hover 效果增加品牌活力 */
.preview .btn:hover {
    background: #CEAE4E;      /* 替換為你要的 hover 顏色 */
    color: #fff;
    box-shadow: 0 4px 24px rgba(46,58,89,0.15);
}

/* 桌機/平板（預設） */
.preview .btn {
    display: inline-block;
    background: #2E3A59;
    color: #F5F5F5;
    font-size: 18px;
    font-weight: 500;
    padding: 12px 32px;
    border-radius: 23px;
    text-decoration: none;
    transition: background 0.2s, box-shadow 0.2s;
    margin-top: 24px;
    box-shadow: 0 2px 10px rgba(46,58,89,0.10);
    /* 保持原本按鈕寬度 */
    width: auto;
    min-width: 180px;
    text-align: center;
}

/* 手機：按鈕與卡片同寬且置中 */
@media (max-width: 767px) {
    .preview .btn {
        width: 100%;
        display: block;
        min-width: 0;
        margin-top: 20px;
        font-size: 20px;
        padding: 16px 0;
        border-radius: 23px;
        text-align: center;
        box-sizing: border-box;
    }
    /* 若父層 section 有左右留白，按鈕寬度跟父層一樣 */
    .preview {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* 電腦/平板（768px 以上）：按鈕父層 flex 置中 */
@media (min-width: 768px) {
    .preview .btn {
        display: inline-block;
        /* 原本樣式不用動 */
    }
    .preview .btn-wrap {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 24px;   /* 按需調整與卡片距離 */
    }
}

/* 手機：按鈕維持全寬 */
@media (max-width: 767px) {
    .preview .btn-wrap {
        display: block;
        margin-top: 20px;
        width: 100%;
    }
    .preview .btn {
        width: 100%;
        display: block;
    }
}