a.sr-button { display: inline-block; font-family: 'Lato'; font-weight: 400; font-size: 13px; line-height: 20px !important; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; margin-bottom: 5px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -o-transition: all 300ms ease; -ms-transition: all 300ms ease; transition: all 300ms ease; color: #0d0d0d; border: 1px solid rgba(0,0,0,.2); padding: 10px 30px; position: relative; z-index: 1; } a.sr-button:after { display: block; content:""; width: 100% !important; height: 0; position: absolute; bottom: 0; left: 0; background: #0d0d0d; z-index: -1; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; transition: all 200ms ease; margin-left: 0 !important; } a.sr-button:hover { color: #ffffff; border-color: #0d0d0d; } a.sr-button:hover:after { height: 100%; } a.mini-button { font-size: 10px; padding: 5px 15px; } a.small-button { font-size: 11px; padding: 8px 20px; } a.medium-button { font-size: 13px; padding: 10px 30px; } a.big-button { font-size: 15px; padding: 15px 40px; } a.sr-button2 { color: #ffffff; border: 1px solid rgba(255,255,255,.4); } a.sr-button2:after { background: #ffffff; } a.sr-button2:hover { border-color: #ffffff; color: #0d0d0d; }

 

Design has one job. Do it, and do it well

If it doesn’t impress your consumer then you’ve failed plain and simple.
At The Mix we create design that actually reaches the people it’s intended to.

Consumers.