(SOLVED) Removing a button's box after clicking

Help
1

Hello everyone,

I’m very much a CSS noob, so please bear with me. I created a screen with a background, a button and added a sprite (the sprite isn’t the issue, it’s the button).

Using some CSS, I’ve managed to make the button box not show during viewport gameplay.

However, once the character is clicked and the dialogue box pops up, the box re-appears!

Screenshot 2025-08-03 134946
Screenshot 2025-08-03 1349461920×927 92.4 KB

I’ll be grateful for any help. Here is my button-interactable CSS so far:

.interactable,
.interactable:focus,
.interactable:active {
  color: inherit !important;
  background: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

EDIT: Already fixed. My stupid self didn’t realize I didn’t have to make new sprites, but rather just set the background of the button as the character.