.btn-custom {
    background-color: #20343E;
    border-color: #20343E;
    color: #fff;
    /* 設定文字為白色，與深色背景形成對比 */
}

.btn-custom:hover {
    background-color: #1A2A33;
    border-color: #1A2A33;
    /* 應用較深的顏色作為懸停效果 */
    color: #fff;
    /* 確保懸停時文字顏色仍為白色 */
}

.btn-custom:focus,
.btn-custom:active {
    background-color: #17262D;
    border-color: #17262D;
    color: #fff;
    /* 確保聚焦或點擊時文字顏色仍為白色 */
    box-shadow: none;
}