<div class="header">
		<button type="button" class="button">메뉴</button>
</div>
.header {
	position: relative;
	background: #00bcd4;
	height: 49px;
	padding-left: 10px;
	color: #fff;
	font-weight: bold;
	line-height: 49px;
	font-size: 30px;
}

.header .button {
	width: 8px;
	height: 24px;
	padding: 0;
	background-image: radial-gradient(circle at center, #f8fafb 50%, transparent 50%);
    background-size: 8px 8px;
	color: transparent;
	background-color: transparent;
	border: 0;
	font-size: 0;
	vertical-align: middle;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.