CSS for displaying a link button

link_button.css

.copy-button{
   width : 80%;
   border-radius:30px;
   display:block;
   margin:30px auto;
   padding:10px 1em;
   border:solid 1px #203744;
   color:#333;
   font-size:16px;
   text-align:center;
   cursor:pointer;
	 transition: all  0.6s ease;
}

.copy-button:hover{
   border:solid 1px #203744;
	 background:#203744;
   color:#fff;
}

.copy-button.success{
   background:#d0af4c;
   border-color:#d0af4c;
   color:#fff;
}

.copy-button.error{
   background:red;
   border-color:red;
   color:#fff;
}