@import "/UI/Styles/styles.scss";

InteractionPrompt {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-family: $font-secondary;
    text-stroke: 4px black;
    color: white;
    gap: 10px;
    font-size: 72px;
    text-shadow: 4px 4px 2px black;
    opacity: 0;
    
    &.show {
        opacity: 1;
    }

    .glyph-icon {
        background-size: contain;
        width: 100px;
        height: 100px;
        //filter: border-wrap(4px black);

        &.pressed {
            transform: scale(0.85);
            opacity: 0.8;
        }
    }
}