JSFiddle - React, Tailwind, and code Playground
by rafalry
CSS
.btn{display:inline-block;height:2.8125rem;padding:.625rem 1.125rem;vertical-align:top;min-width:7.5rem;background-color:#f3f3f4;color:#005879;text-align:center;line-height:1.5625rem;font-size:1rem;border:none;text-decoration:none;overflow:hidden;transition:background-color 0.15s ease-in-out}.btn:hover,.btn:active,.btn:focus{color:#005879;background-color:#f3f3f4;text-decoration:none;cursor:pointer}.btn:focus{outline:thin dotted #f3f3f4;outline-offset:0}.btn:disabled,.is-disabled.btn{background-color:#f3f3f4;color:#b5b5bc;cursor:default;transition:none}.btn:disabled:hover,.is-disabled.btn:hover{color:#b5b5bc}.btn-primary,a.btn-primary,a.btn-primary:visited{background-color:#007aa8;color:#fff;padding:.625rem 1.125rem;padding-right:2.9375rem}.btn-primary:hover,a.btn-primary:hover:visited,.btn-primary:active,a.btn-primary:active:visited,.btn-primary:focus,a.btn-primary:focus:visited{color:#fff;background-color:#005575}.btn-primary:focus,a.btn-primary:focus:visited{outline:thin dotted #007aa8}a.btn-grey,.btn-grey{height:25px;background-color:#f3f3f4;color:#005879}.btn-grey:hover,.btn-grey:active,.btn-grey:focus{color:#005879;background-color:#e6e6e9}.btn-grey:focus{outline:thin dotted #f3f3f4}p .action-link,.submit-cancel .cancel .action-link,label a,.wayf .action-link,.arrowLink{height:100%;vertical-align:bottom;padding-bottom:9px}html,body,button,select{font-family:"Proxima Nova Bold","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#666;-moz-osx-font-smoothing:grayscale}html,body{font-size:100%;height:100%}body{background-color:#e6e6e9;font-size:18px;line-height:60px}h1,h2,h3,h4,h5,h6{color:#009639;font-weight:normal}h1{font-size:2.375em;line-height:30px}h2{font-size:1.875em;line-height:30px}h3{font-size:1.5em;line-height:30px}h4{font-size:1.25em;line-height:25px}h5{font-size:1.125em;line-height:25px}h6{font-size:1.125em;line-height:25px}a{color:#007aa8}a:visited{color:#007aa8}a:hover,a:active,a:focus{color:#007aa8}p{margin-bottom:1em}p...