.cat-button-back {
    z-index: 1000;
    left: 10rpx;

    &.fixed {
        .cat-icon {
            &::before {
                font-size: 32rpx;
                background-color: rgba(0, 0, 0, .5);
                border-radius: 50%;
                padding: 16rpx;
            }

            &.dark::before {
                background-color: rgba(255, 255, 255, .75)
            }
        }
    }

    .cat-icon {
        color: #fff;
        width: var(--navigationBarHeight);
        height: var(--navigationBarHeight);

        &::before {
            content: var(--icon-arrow-left);
            font-size: 40rpx;
            font-weight: bold;
        }

        &.dark {
            color: #333;
        }
    }
}