button download link CSS

PHOTO EMBED

Fri Nov 05 2021 13:37:29 GMT+0000 (UTC)

Saved by @khalidlogi

<? if(!empty($print->file)){ ?>
	<td><a class="btnx" href="<?  echo $print->file ; ?>" download rel="noopener noreferrer" target="_blank">
   Fichier
</a></td>
			<!-- END div-header -->
			 <? } ?> 
               
           
               CSS 
   .btnx {
  border: none;
  background-color: inherit;
  padding: 14px 28px;
    border-radius: 8px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
}
 
.btnx {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
}

/* Darker background on mouse-over */
.btnx:hover {
  background-color: RoyalBlue;
}

button a, button a:hover{
  text-decoration: none;
  color: white;
}
content_copyCOPY