.transparent-button {
  position: relative; /* Veranderd van absolute naar relative voor flex-compatibiliteit */
  padding-left: 15px;
  padding-right: 15px;
  font-size: 2rem; /* Aangepast aan de font-size van .button-container */
  font-family: 'Faktor';
  color: rgb(158, 245, 28);
  text-shadow: 1px 1px 1px rgb(104, 245, 61), 0 0 1em rgb(18, 247, 48), 0 0 0.2em rgb(9, 13, 241);
  background: transparent;
  text-decoration: none;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
  width: 200px;
}

.transparent-button::before,
.transparent-button::after,
.transparent-button span::before,
.transparent-button span::after {
  content: '';
  position: absolute;
  border: 4px solid rgb(158, 245, 28); /* Kleur aangepast aan je thema */
}

.transparent-button::before {
  top: -10px;
  left: -10px;
  width: 10px;
  height: 10px;
  border-right: none;
  border-bottom: none;
}

.transparent-button::after {
  bottom: -10px;
  right: -10px;
  width: 10px;
  height: 10px;
  border-left: none;
  border-top: none;
}

.transparent-button span::before {
  top: -10px;
  right: -10px;
  width: 10px;
  height: 10px;
  border-left: none;
  border-bottom: none;
}

.transparent-button span::after {
  bottom: -10px;
  left: -10px;
  width: 10px;
  height: 10px;
  border-right: none;
  border-top: none;
}