@import '../../style/theme.less';

.preview-footer-actions {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 24rpx;
    padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
    box-sizing: border-box;
    z-index: 60;

    &__bar {
        max-width: 686rpx;
        margin: 0 auto;
        background: @bg-white;
        border-radius: 48rpx;
        padding: 20rpx;
        box-shadow: 0 12rpx 40rpx rgba(0, 0, 0, 0.12);
        border: 1rpx solid #f0e7d6;
        display: flex;
        gap: 16rpx;
    }

    &__secondary {
        flex: 4;
    }

    &__primary {
        flex: 6;
    }

    &__secondary .toy-btn,
    &__primary .toy-btn {
        width: 100%;
        height: 88rpx;
        border-radius: 28rpx;
        font-size: 30rpx;
    }

    &__primary .toy-btn--primary {
        box-shadow: 0 4rpx 12rpx rgba(255, 215, 0, 0.3);
    }
}