Menu
Cart

The Most Thoughtfully
Designed Sneakers

New Arrivals: Up to 30% OFF

Shop Now
<html> <head> <style> .button { width: 90%; /* set a width so it doesnt change upon hover */ z-index:3 !important; font-size:17px; z-index:1x font-family: roboto; font-weight:600; background-color: #FFFFFF; border:none; border-radius:5px; color: black; bottom: 25px; left: 15px; right: 15px; padding: 14px 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .button:hover span { display:none } .button:hover:before { content:"Shop Now!"; } .button:hover { background-color: black; color:white; } </style> </head> <body> <a href=""><button class="button"> <span>Ballerinas</span> </button> </a> </body> </html>

<html> <head> <style> .button { width: 90%; /* set a width so it doesnt change upon hover */ z-index:3 !important; font-size:17px; z-index:1x font-family: roboto; font-weight:600; background-color: #FFFFFF; border:none; border-radius:5px; color: black; bottom: 25px; left: 15px; right: 15px; padding: 14px 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .button:hover span { display:none } .button:hover:before { content:"Shop Now!"; } .button:hover { background-color: black; color:white; } </style> </head> <body> <a href=""><button class="button"> <span>Sneakers</span> </button> </a> </body> </html>

<html> <head> <style> .button { width: 90%; /* set a width so it doesnt change upon hover */ z-index:3 !important; font-size:17px; z-index:1x font-family: roboto; font-weight:600; background-color: #FFFFFF; border:none; border-radius:5px; color: black; bottom: 25px; left: 15px; right: 15px; padding: 14px 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .button:hover span { display:none } .button:hover:before { content:"Shop Now!"; } .button:hover { background-color: black; color:white; } </style> </head> <body> <a href=""><button class="button"> <span>Boots</span> </button> </a> </body> </html>

<html> <head> <style> .button { width: 90%; /* set a width so it doesnt change upon hover */ z-index:3 !important; font-size:17px; z-index:1x font-family: roboto; font-weight:600; background-color: #FFFFFF; border:none; border-radius:5px; color: black; bottom: 25px; left: 15px; right: 15px; padding: 14px 20px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .button:hover span { display:none } .button:hover:before { content:"Shop Now!"; } .button:hover { background-color: black; color:white; } </style> </head> <body> <a href=""><button class="button"> <span>Casual Shoes</span> </button> </a> </body> </html>