Button

Bonjour,
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 denouveau je sèche...

Merci pour votre précieuse aide!