.button{display:inline-block;margin:4px 2px;background-color:#444;font-size:14px;padding-left:32px;padding-right:32px;height:50px;line-height:50px;text-align:center;color:#fff;text-decoration:none;cursor:pointer;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.button:hover{transition-duration:.4s;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;background-color:#fff;color:#000}.search-container{position:relative;display:inline-block;margin:4px 2px;height:50px;width:50px;vertical-align:bottom}.mglass{display:inline-block;pointer-events:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)}.searchbutton{position:absolute;font-size:22px;width:100%;margin:0;padding:0}.search:focus+.searchbutton{transition-duration:.4s;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s;background-color:#fff;color:#000}.search{position:absolute;left:49px;background-color:#fff;outline:none;border:none;padding:0;width:0;height:100%;z-index:10;transition-duration:.4s;-moz-transition-duration:.4s;-webkit-transition-duration:.4s;-o-transition-duration:.4s}.search:focus{width:363px;padding:0 16px 0 0}.expandright{left:auto;right:49px}.expandright:focus{padding:0 0 0 16px}