Diseño: CSS Botones Inteligentes / Checkout PayPal.me

Comentario: CSS Botones Paypal.me copiar y pegar código en página web, no requiere archivos externos, personalizar enlace y nombres de etiquetas en caso de ser necesario.


PayPal.me
💳 Tarjeta de Crédito o Débito

.paypal1 {color: #003087; font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic;}
.paypal2 {color: #009CDE; font-size: 22px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: italic;}
.paypal3 {color: #000000; font-size: 17px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }
.paypal4 {color: #fafafa; font-size: 17px; font-family: Arial, Helvetica, sans-serif; }
.myButton0a {width: 250px; background-color:#FFC439; border-radius:4px; display:inline-block; cursor:pointer; padding:12px; text-align:center; text-decoration:none; margin-bottom: 5px; }
.myButton0a:hover {background-color:#fcba1f; }
.myButton0a:active {position:relative; top:1px; }
.myButton1a {width: 250px; background-color:#000000; border-radius:4px; display:inline-block; cursor:pointer; padding:12px; text-align:center; text-decoration:none; }
.myButton1a:hover {background-color:#2b2b2b; }
.myButton1a:active {position:relative; top:1px; }

<a href="https://www.paypal.me/vivecancun?locale.x=es_XC" class="myButton0a"><span class="paypal1">Pay</span><span class="paypal2">Pal</span><span class="paypal3">.me</span></a>

<a href="https://www.paypal.me/vivecancun?locale.x=es_XC" class="myButton1a">&#128179; <span class="paypal4">Tarjeta de Crédito o Débito</span></a>

Pagar Ahora! PayPal
💳 Tarjeta de Crédito o Débito

Sugerencias ? recomendación ?



AMP: Botones Inteligentes / Checkout de PayPal
CSS: Botón Paypal.me | Íconos tipo Emoji



Felipe Hoil Aguilar
www.vivecancun.com / www.multitod.com / www.vaguemos.com