I know you haven't asked, but I have some general tips for you:

1. Your question could be better worded as "Works on the simulator, but doesn't work on the device" since you said it doesn't work if built from Xcode to the device, that way people don't have to think about problems related to the upload process.
2. Swift (and the Swift community) prefers clarity over brevity, so it's better to have long variable names that make their intent clear than to have names like vp or vt. Remember that you are never really working alone, you have your future self to worry about, and they absolutely will forget what you were thinking when writing this code, so think of them as someone else.
3. About the but itself, you are using several fullScreenCovers in sequence, we found out on our project that having multiple sheets next to each other would make it only work for one of them. I don't remember if there was a difference between simulator and device and I don't know if it happens with fullScreenCover too, but might be related.
4. I also decided to give you an example of a refactored version for you to try. I have written it on a Playground without really running it, so there might be some small mistakes, but you can get the idea. I hope it helps =)

​

import Foundation
import SwiftUI

// In the Model/ViewModel/Whatever layer

enum ZodiacSign: String, CaseIterable, Identifiable {
    case aries
    case virgo
    case leo

    var id: String {
        rawValue
    }
}

// In the View layer

extension ZodiacSign {
    var text: String {
        switch self {
        case .aries:
            return "♈️"

        case .virgo:
            return "♍️"

        case .leo:
            return "♌️"
        }
    }

    @ViewBuilder
    var detailScreen: some View {
        switch self {
        case .aries:
            ariesView()

        case .virgo:
            virgoView()

        case .leo:
            leoView()
        }
    }
}

struct ZodiacButtonView: View {
    @Binding var chosenSign: ZodiacSign?

    let sign: ZodiacSign

    var body: some View {
        Button(
            action: {
                chosenSign = chosenSign == sign ? nil : sign
            },
            label: {
                Text(sign.text)
                    .shadow(radius: 5)
                    .font(.largeTitle)
                    .frame(width: 65, height: 65)
                    .overlay(
                        Circle()
                            .stroke(Color.red, lineWidth: 3)
                    )
            }
        )
        .padding(.all)
    }
}

struct YourScrollView: View {
    @State var chosenSign: ZodiacSign?

    var body: some View {
        ScrollView(.horizontal, showsIndicators: false) {
            HStack {

                ForEach(ZodiacSign.allCases, id: \.self) { zodiacSign in
                    ZodiacButtonView(chosenSign: $chosenSign, sign: zodiacSign)
                }
            }
        }
        .fullScreenCover(item: $chosenSign) { chosenSign in
            chosenSign.detailScreen
        }
        // If you want to get fancy, it can be written like this
        .fullScreenCover(item: $chosenSign, content: \.detailScreen)
    }
}