.moon-button-sample-wrapper .moon-button-caption-decorator,
.moon-button-sample-group .moon-button,
.moon-button-sample-wrapper > .moon-button {
	margin: 20px;
}

.moon-button-sample .moon-item.tap-area-toggle-container {
	width: 320px;
	margin: 20px 0px 0px 20px;
}

.moon-button-sample.visible-tap-area .moon-button:after {
	background: rgba(0, 100, 200, 0.2);
	border: 1px solid rgba(0, 100, 200, 0.4);
}

.moon-button-sample .image-background {
	background: url(http://lorempixel.com/output/nature-q-c-640-480-10.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px;
}

.moon-button-sample-wrapper .moon-button-caption-decorator,
.moon-button-sample-group .moon-button,
.moon-button-sample-wrapper > .moon-button {
	margin: 20px;
}

.moon-button-sample .moon-item.tap-area-toggle-container {
	width: 320px;
	margin: 20px 0px 0px 20px;
}

.moon-button-sample.visible-tap-area .moon-button:before{
	background: rgba(0, 100, 200, 0.2);
	border: 1px solid rgba(0, 100, 200, 0.4);
}

.moon-button-sample .image-background {
	background: url(http://lorempixel.com/output/nature-q-c-640-480-10.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 20px;
}

Make show tap area button works on button sample
ENYO-2550: Make show tap area button works on button sample

Change :after to :before.

Enyo-DCO-1.1-Signed-off-by: Kunmyon Choi <kunmyon.choi@lge.com>
