:root {
  --transition-duration: 150ms;
  --button-radius: 2px;
}

.rewardbox::before,
.finalrewardbox::before,
dialog::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  inset: 0;


  border-width: var(--image-frame-width);
  border-style: solid;
  border-color: transparent;
  border-image-source: url("../images/mission-frame.webp");
  border-image-slice: 33.3334%;
  border-image-repeat: round;
  border-image-width: var(--image-frame-width);
}

.finalrewardbox {
  position: relative;
}

.mission {
  background-color: #000000;
}

@media (hover: hover) {

  .btn-claim:hover {
    filter: drop-shadow(0 2px 5px color-mix(in srgb, black, red 80%));
  }

}