demo.css

.ui-btn{padding:0.65rem 1.2rem;border-radius:0;font-size:1rem;line-height:1rem;display:inline-block;position:relative;outline:none;background:transparent;border:none;white-space:nowrap;text-align:center;cursor:pointer;text-decoration:none !important}.ui-btn.hoverable.primary:hover{background:#009ad5;color:#fff}.ui-btn.hoverable.secundary:hover{background:#b3b3b3;color:#fff}.ui-btn.hoverable.shadow:hover{box-shadow:1px 2px 8px 2px rgba(0,0,0,0.4)}.ui-btn.shadow{transition:box-shadow 0.2s ease-in;box-shadow:1px 2px 4px 1px rgba(0,0,0,0.4)}.ui-btn.bordered{border:1px solid #000}.ui-btn.primary{background:#0075a2;color:#fff}.ui-btn.secundary{background:#999;color:#fff}.ui-btn.round-corners{border-radius:5px}.ui-btn.white{color:black;background:white;box-shadow:1px 2px 4px 1px rgba(0,0,0,0.4),inset 1px 1px 1px -1px rgba(0,0,0,0.6)}.ui-btn.black{color:white;background:black}.ui-btn.circle{padding:0 !important;width:2rem;height:2rem;border-radius:100%}.ui-btn.circle.small{width:1.2rem;height:1.2rem}.ui-btn.circle.large{width:3rem;height:3rem}.ui-btn.circle.huge{width:5rem;height:5rem}.ui-btn.uppercase{text-transform:uppercase}.ui-btn.small{font-size:0.8rem;line-height:0.8rem;padding:0.3rem 0.8rem}.ui-btn.large{font-size:1.5rem;line-height:1.5rem;padding:1.15rem 3.5rem}.ui-btn.huge{font-size:2.5rem;line-height:2.5rem;padding:1.65rem 4rem}.ui-btn.disabled{cursor:default !important;opacity:0.4}.ui-btn.margin-right{margin-right:1rem}.ui-btn.margin-left{margin-left:1rem}.ui-btn.left-icon{padding-left:calc( 38px + 0.65rem )}.ui-btn.left-icon i{left:0.65rem}.ui-btn.right-icon{padding-right:calc( 38px + 0.65rem )}.ui-btn.right-icon i{right:0.65rem}.ui-btn.center-icon i{left:50%;top:50%;position:absolute;transform:translate(-50%, -50%)}.ui-btn.right-icon i,.ui-btn.left-icon i{position:absolute;top:50%;transform:translateY(-50%)}button{margin:10px !important;float:left;clear:both}button:before{left:100%;top:50%;font-size:1rem;margin-left:10px;margin-top:-0.5rem;position:absolute;color:black;content:" class: ( " attr(class) " )"}i{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAATVJREFUWIXtlj1Ow0AQRr9d0/oK3IG1rxG31CjiOsABInECmtBR2X12fIcoF6CgQTAfTSwRS4l3/UPDPsmF5ZnZ59XaM0AikUgk/hcmJKgsy4qkm2NBklsRkaG4q5BiqloZY9bTtQAABwDziHV474N2+BxFUTA0NkoscPFrknfGmN8vUXvv65g6s4t57/fOuXcADzg9w3VMHTunVIeIPKnqWlW/x9ZYRAwA2rZ9zrLsFsDnmPzFxABgt9u9kFyR/IjNXVQMAETkLc/zx9i8xcUAoGmar9icPxEbQxKLJeoHG9NSphIkZq3dkjyce66qlbX25nj7istNerCBA4FjzxDOuU03fZC8F5HN1JqjxPrz2aUdC52/+oxq4v35zNqTb2h1vDqC5q9ZxIbOXI9oqUQikUgsyA+n1HIzLAkSHwAAAABJRU5ErkJggg==");background-repeat:no-repeat;width:38px;height:38px}