.btn-cyan { background-color: #59c9ed; color:#FFF; }
.btn-cyan:hover { background-color: #51b6d8; }
.btn-cyan:active { background-color: #51b6d8; color:white; }
.btn-cyan-outline { background-color: transparent; border-color: #59c9ed; border-radius: 4px;  color: #59c9ed; }
.btn-cyan-outline:hover { border-color: #46b0d3; color: #46b0d3; }

.btn-noir { background-color: #000; color:white; border-color: #000; border-radius: 4px;}
.btn-noir:hover { background-color: #333; }
.btn-noir-outline { background-color: transparent; color:#000; border-color: #000; border-radius: 4px;}
.btn-noir-outline:hover { color: #333; border-color: #333; }

.btn-white { background-color: white;  border-radius: 4px; }
.btn-white:hover { background-color: #DDD; color: #DDD; }
.btn-white-outline { background-color: transparent; color:#FFF; border-color: #FFF; border-radius: 4px;}
.btn-white-outline:hover { color: #DDD; border-color: #DDD;}

.btn-or { background-color: #D5A879; color:white; border-color: #D5A879; border-radius: 4px;}
.btn-or:hover { background-color: transparent; color:#D5A879; }
.btn-or-outline { background-color: transparent; color:#D5A879; border-color: #D5A879; border-radius: 4px;}
.btn-or-outline:hover { background-color: #D5A879; color:#FFF; }

.btn-whatsapp {background-color: transparent; color:#D5A879; border-color: #D5A879; border-radius: 4px;}
.btn-whatsapp:hover { background-color: #00b400; color:#FFF; }