html, body {
	position: relative;
	width: 100%;
  height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:white;
  background-color: #5D00D6;
	margin: 0;
	box-sizing: border-box;
	font-family: 'Poppins', sans-serif;
  display: grid;
  place-items: center;
  z-index: -3;
}

.next_button {
  background: none;
  border: none;
  color: white;
  position: relative;
  padding: 0.5em 1em;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  border: 2px solid white;
  cursor: pointer;
  border-radius: 0.2em;
  outline: none;
  width: 10em;
}
.next_button::before {
  position: absolute;
  content: "";
  background: #5000b8;
  z-index: -1;
  height: 100%;
  width: 100%;
  border-radius: 0.2em;
  top: 0.5em;
  left: 0.5em;
}

.next_button__svg {
  position: absolute;
  top: 0.7em;
  left: 0.5em;
  stroke-dasharray: 0 103;
}

.next_button__p {
  text-align: center;
  font-weight: bold;
  clip-path: circle(0% at 50% 50%);
}