.container>header nav{float:right}.container>header nav a{display:block;float:left;position:relative;width:2.5em;height:2.5em;background:#fff;border-radius:50%;color:transparent;margin:0 .1em;border:4px solid #47a3da;text-indent:-8000px}.container>header nav a:after{content:attr(data-info);color:#47a3da;position:absolute;width:600%;top:120%;text-align:right;right:0;opacity:0;pointer-events:none}.container>header nav a:hover:after{opacity:1}.container>header nav a:hover{background:#47a3da}.main>section{max-width:260px;width:90%;margin:0 auto}.main>section h2{font-weight:300;color:#ccc}.main>section button{border:none;background:#47a3da;color:#fff;padding:1.5em;display:block;width:100%;cursor:pointer;margin:10px 0;font-size:.8em}.main>section button:hover{background:#258ecd}.main>section button.active{background:#0d77b6}.main>section button.disabled{background:#aaa;pointer-events:none}