.zyz-back-button[data-v-d0097646] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: #d27c19;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    border: none;
    border-radius: 20px;
    padding: 12px 24px;
    cursor: pointer;
    box-shadow: 0 2px 8px #d27c194d;
    transition: all .3s ease
}

.zyz-back-button svg[data-v-d0097646] {
    width: 16px;
    height: 16px;
    fill: currentColor
}

.zyz-back-button[data-v-d0097646]:hover {
    background: #b8691a;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px #d27c1966
}

.zyz-back-button[data-v-d0097646]:active {
    transform: translateY(0)
}

.zyz-back-button[data-v-d0097646]:not(.inline-mode) {
    margin: 40px auto 0
}

.zyz-back-button.inline-mode[data-v-d0097646] {
    margin-left: 24px;
    height: 32px;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 16px
}

.zyz-back-button.inline-mode svg[data-v-d0097646] {
    width: 14px;
    height: 14px
}

@media (max-width: 750px) {
    .zyz-back-button[data-v-d0097646] {
        font-size: .3733rem;
        padding: .2667rem .5333rem;
        border-radius: .5333rem;
        gap: .2133rem;
        box-shadow: 0 .0533rem .2133rem #d27c194d
    }

    .zyz-back-button svg[data-v-d0097646] {
        width: .3733rem;
        height: .3733rem
    }

    .zyz-back-button[data-v-d0097646]:hover {
        transform: none;
        box-shadow: 0 .0533rem .2133rem #d27c194d
    }

    .zyz-back-button[data-v-d0097646]:not(.inline-mode) {
        margin: .8rem auto 0
    }

    .zyz-back-button.inline-mode[data-v-d0097646] {
        margin-left: 0;
        height: .7467rem;
        padding: .1333rem .4rem;
        font-size: .32rem;
        border-radius: .3733rem
    }

    .zyz-back-button.inline-mode svg[data-v-d0097646] {
        width: .32rem;
        height: .32rem
    }
}