.style-btn-1::after {
    width:100%;
    height:0px;
    top:50%;
    left:50%;
    background: #fff;
    opacity:0;
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
    -webkit-transform:translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform:translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform:translateX(-50%) translateY(-50%) rotate(45deg);
    transform:translateX(-50%) translateY(-50%) rotate(45deg);
}

.style-btn-1::before{
    font-family:"Nanum Gothic";
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    position:relative;
    -webkit-font-smoothing: antialiased;
}

.style-btn-1 {
    border:none;
    font-family:inherit;
    font-size:1.5vmin;
    color:inherit;
    background:none;
    cursor:pointer;
    padding:1.5vmin;
    display:inline-block;
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
    outline:none;
    position:relative;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    transition:all 0.3s;
    overflow:hidden;
    border:2px solid #fff;
    color:#fff;
}

.style-btn-1:hover,
.style-btn-1:active {
	color:#fa4251;
}

.style-btn-1:hover:after {
	height:200%;
	opacity:1;
}

.style-btn-1:active:after {
	height:360%;
	opacity:1;
}