Button

Bonjour à tous, je suis débutante en html et je suis en train d'essayer de coder mon premier site.

Je ne parviens pas à centrer mon bouton malgré le texte align center et malgré le fait de l'avoir mis dans des "col" est ce que quelqu'un peut m'éclairer?Voila mon code.

.button {

  background-color: transparent;

  border-image: linear-gradient(#FFFFFF, #FF00FF);

  border: 5px;

  color: #FFC1FF;

  padding: 10px 20px;

  text-align: center;

  font-size: 20px;

  cursor: pointer;

  font-family:Helvetica Neue;

  box-shadow: 0px 0px 5px 5px #FF00FF; 

}

Ma seconde question est que j'aimerais faire le border de mon bouton en dégradé mais la de nouveau je sèche...

Merci pour votre précieuse aide!


EDIT : Ajout des balises de code