.shift-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0;
    text-decoration: none;
    cursor: pointer;
    vertical-align: middle;

    /* 宽度撑满容器（唯一新增） */
    width: 100%;
}

.btn-text,
.dot {
    background: #ffdf00;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-text {
    padding: 0 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 999px;
    margin-left: 0;
    transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    background-color: #131924;
    z-index: 101;
    font-size: 1.1em;
    box-sizing: border-box;

    /* 文字自动占满宽度 */
    flex: 1;
    justify-content: center;
}

.dot {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transition: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 100;
}

.dot svg {
    width: 24px;
    height: 24px;
}

.dot-left {
    position: absolute;
    left: 0;
    opacity: 0;
    transform: scale(0.3);
    background: #9767ff;
}

.dot-right {
    opacity: 1;
    transform: scale(1);
    background: #ffdf00;
}

/* 宽按钮适配：降低旋转角度，保持原版手感 */
.shift-btn:hover .btn-text {
    transform: translateX(44px) rotate(6deg);
}

.shift-btn:hover .dot-left {
    opacity: 1;
    transform: scale(1);
}

.shift-btn:hover .dot-right {
    opacity: 0;
    transform: scale(0.5);
}

.shift-btn:active {
    transform: scale(0.97);
}