Quelqu'un peux m'aider ? HTML

Yo !

J'ai un problème avec mon Button en HTML,
J'aimerais qu'il fasse une redirection sur une autre page, mais je n'y arrive pas.

Voici mon code button :

 <style> .button1 { border: none; display: block; text-align: center; cursor: pointer; outline: none; overflow: hidden; position: relative; color: white; font-weight: 600; font-size: 15px; background-color: #000000; padding: 15px 50px; margin: 0 auto; } .button1 span { position: relative; z-index: 1; } .button1:after { content: ""; position: absolute; left: 0; top: 0; height: 580%; width: 140%; background: #0F0F0F; -webkit-transition: all .9s ease-in-out; transition: all .9s ease-in-out; -webkit-transform: translateX(-100%) translateY(-25%) rotate(45deg); transform: translateX(-100%) translateY(-25%) rotate(45deg); } .button1:hover:after { -webkit-transform: translateX(-9%) translateY(-25%) rotate(45deg); transform: translateX(-9%) translateY(-25%) rotate(45deg); } </style> <div class="container"> <button type="button" class="button1"> <span>Redirection</span> </button> 

Voici mon bouton, j'aimerais qu'il fasse une redirection sur un autre site.

Si une personne agréable pourrais me répondre en modifiant mon code pour que le button redirige sur un autre site ça serrait super ! Merci