button1 {
	--glow-color: rgba(123, 121, 121, 0.18);
	--glow-spread-color: rgba(117, 114, 114, 0);
	--enhanced-glow-color: rgb(215, 200, 230);
	--btn-color: rgb(198, 27, 27);
	border: .25em solid rgb(187, 37, 37);
	padding: 1em 3em;
	color: rgb(240, 230, 230);
	font-size: 15px;
	font-weight: bold;
	background-color: rgb(6, 6, 6);
	border-radius: 1em;
	outline: none;
	box-shadow: 0 0 1em .25em rgba(21, 21, 21, 0.09), 0 0 4em 1em rgba(96, 89, 89, 0.78), inset 0 0 .75em .25em rgba(9, 8, 8, 0.15);
	text-shadow: 0 0 .5em rgba(217, 10, 10, 0);
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
}
button1::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 120%;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--glow-spread-color);
    filter: blur(2em);
    opacity: .7;
    transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
}
button1:hover {
        color: var(--btn-color);
        background-color: var(--glow-color);
        box-shadow: 0 0 1em .25em var(--glow-color),
        0 0 4em 2em var(--glow-spread-color),
        inset 0 0 .75em .25em var(--glow-color);
}

button1:active {
        box-shadow: 0 0 0.6em .25em var(--glow-color),
        0 0 2.5em 2em var(--glow-spread-color),
        inset 0 0 .5em .25em var(--glow-color);
}
button2 {
	--glow-color: rgba(123, 121, 121, 0.18);
	--glow-spread-color: rgba(117, 114, 114, 0);
	--enhanced-glow-color: rgb(215, 200, 230);
	--btn-color: rgb(198, 27, 27);
	border: .25em solid rgb(187, 37, 37);
	padding: 1em 3em;
	color: rgb(240, 230, 230);
	font-size: 15px;
	font-weight: bold;
	background-color: rgb(6, 6, 6);
	border-radius: 1em;
	outline: none;
	box-shadow: 0 0 1em .25em rgba(21, 21, 21, 0.09), 0 0 4em 1em rgba(96, 89, 89, 0.78), inset 0 0 .75em .25em rgba(9, 8, 8, 0.15);
	text-shadow: 0 0 .5em rgba(217, 10, 10, 0);
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
}
button2::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 120%;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--glow-spread-color);
    filter: blur(2em);
    opacity: .7;
    transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
}
button2:hover {
   color: var(--btn-color);
   background-color: var(--glow-color);
   box-shadow: 0 0 1em .25em var(--glow-color),
   0 0 4em 2em var(--glow-spread-color),
   inset 0 0 .75em .25em var(--glow-color);
}

button2:active {
        box-shadow: 0 0 0.6em .25em var(--glow-color),
        0 0 2.5em 2em var(--glow-spread-color),
        inset 0 0 .5em .25em var(--glow-color);
}
button3 {
	--glow-color: rgba(123, 121, 121, 0.18);
	--glow-spread-color: rgba(117, 114, 114, 0);
	--enhanced-glow-color: rgb(215, 200, 230);
	--btn-color: rgb(198, 27, 27);
	border: .25em solid rgb(187, 37, 37);
	padding: 1em 3em;
	color: rgb(240, 230, 230);
	font-size: 15px;
	font-weight: bold;
	background-color: rgb(6, 6, 6);
	border-radius: 1em;
	outline: none;
	box-shadow: 0 0 1em .25em rgba(21, 21, 21, 0.09), 0 0 4em 1em rgba(96, 89, 89, 0.78), inset 0 0 .75em .25em rgba(9, 8, 8, 0.15);
	text-shadow: 0 0 .5em rgba(217, 10, 10, 0);
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
}
button3::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 120%;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--glow-spread-color);
    filter: blur(2em);
    opacity: .7;
    transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
}
button3:hover {
    color: var(--btn-color);
    background-color: var(--glow-color);
    box-shadow: 0 0 1em .25em var(--glow-color),
    0 0 4em 2em var(--glow-spread-color),
    inset 0 0 .75em .25em var(--glow-color);
}

button3:active {
        box-shadow: 0 0 0.6em .25em var(--glow-color),
        0 0 2.5em 2em var(--glow-spread-color),
        inset 0 0 .5em .25em var(--glow-color);
}
button4 {
	--glow-color: rgba(123, 121, 121, 0.18);
	--glow-spread-color: rgba(117, 114, 114, 0);
	--enhanced-glow-color: rgb(215, 200, 230);
	--btn-color: rgb(198, 27, 27);
	border: .25em solid rgb(187, 37, 37);
	padding: 1em 3em;
	color: rgb(240, 230, 230);
	font-size: 15px;
	font-weight: bold;
	background-color: rgb(6, 6, 6);
	border-radius: 1em;
	outline: none;
	box-shadow: 0 0 1em .25em rgba(21, 21, 21, 0.09), 0 0 4em 1em rgba(96, 89, 89, 0.78), inset 0 0 .75em .25em rgba(9, 8, 8, 0.15);
	text-shadow: 0 0 .5em rgba(217, 10, 10, 0);
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
}
button4::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 120%;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--glow-spread-color);
    filter: blur(2em);
    opacity: .7;
    transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
}
button4:hover {
    color: var(--btn-color);
    background-color: var(--glow-color);
    box-shadow: 0 0 1em .25em var(--glow-color),
    0 0 4em 2em var(--glow-spread-color),
    inset 0 0 .75em .25em var(--glow-color);
}

button4:active {
        box-shadow: 0 0 0.6em .25em var(--glow-color),
        0 0 2.5em 2em var(--glow-spread-color),
        inset 0 0 .5em .25em var(--glow-color);
}
button5 {
	--glow-color: rgba(123, 121, 121, 0.18);
	--glow-spread-color: rgba(117, 114, 114, 0);
	--enhanced-glow-color: rgb(215, 200, 230);
	--btn-color: rgb(198, 27, 27);
	border: .25em solid rgb(187, 37, 37);
	padding: 1em 3em;
	color: rgb(240, 230, 230);
	font-size: 15px;
	font-weight: bold;
	background-color: rgb(6, 6, 6);
	border-radius: 1em;
	outline: none;
	box-shadow: 0 0 1em .25em rgba(21, 21, 21, 0.09), 0 0 4em 1em rgba(96, 89, 89, 0.78), inset 0 0 .75em .25em rgba(9, 8, 8, 0.15);
	text-shadow: 0 0 .5em rgba(217, 10, 10, 0);
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
}
button5::after {
    pointer-events: none;
    content: "";
    position: absolute;
    top: 120%;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: var(--glow-spread-color);
    filter: blur(2em);
    opacity: .7;
    transform: perspective(1.5em) rotateX(35deg) scale(1, .6);
}
button5:hover {
        color: var(--btn-color);
        background-color: var(--glow-color);
        box-shadow: 0 0 1em .25em var(--glow-color),
        0 0 4em 2em var(--glow-spread-color),
        inset 0 0 .75em .25em var(--glow-color);
}

button5:active {
        box-shadow: 0 0 0.6em .25em var(--glow-color),
        0 0 2.5em 2em var(--glow-spread-color),
        inset 0 0 .5em .25em var(--glow-color);
}


 Body
<button1 onclick="window.location.href = 'https://radiotrallacity.de/Index.html';">Home</button1>
<button2 onclick="window.location.href = 'https://radiotrallacity.de/chat.html';">Chat</button2>    
<button3 onclick="window.location.href = 'https://radiotrallacity.de/Wunschbox.html';">Wunschbox</button3>  
<button4 onclick="window.location.href = 'https://radiotrallacity.de/Sendeplan.html';">Sendeplan</button4> 
<button5 onclick="window.location.href = 'https://radiotrallacity.de/Team.html';">Team</button5>


<button1 onclick="window.location.href = 'http://www.pinnwand4u.de/schnegge/pinnwand.php?pid=84391'";>Pinnwand</button1> 
<button2 onclick="window.location.href = 'https://radiotrallacity.de/fun.html';">Fun</button2>    
<button3 onclick="window.location.href = 'https://radiotrallacity.de/spenden.html';">Spenden</button3>  
<button4 onclick="window.location.href = 'http://trallacity-talk.xobor.de/'";>Forum</button4> 
<button5 onclick="window.location.href = 'https://radiotrallacity.de/bewerbung.html';">Bewerbung</button5>