Don't know if it's normal, but when I change the type of a button, it fails to execute any longer. The button is type "ACTION" It used to be type "ROLL" and worked fine This is the styling: .spellcastgif { width: 102%; height: 40%; border-radius: 6%; /* position: relative;*/ right: 1%; display: block; background-size: contain; background-position: top left, top right, bottom left, bottom right; background-repeat: repeat; } .spellcastgif:hover { box-shadow: -5px 5px 3px var(--bgcolor) inset, 5px -5px 3px var(--bgcolor) inset; } .spellcastBtn { background: var(--neutral); background-color: black; background-size: cover; background-repeat: no-repeat; border-radius: 50%; display: block; opacity: 0; position: relative; border-width: 1px; border-color: black; width: 70px; height: 70px; left: 42%; margin-bottom: 5%; z-index: 25; } The only thing I'm doing to "fix it" is change one line in the spellcastgif by commenting out the "position relative". This enables the button to successfully execute Button Failing: Btn Success?
