@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


body:before{
  content:'';
  height:100%;
  display:inline-block;
  //vertical-align:middle;
}
button{
  background: white;
  //color:#fff;
  border:none;
  position:relative;
  height:60px;
  font-family: 'Pretendard-Regular';
  font-size:1.2em;
  font-weight:600;
  padding:0 2em;
  cursor:pointer;
  transition:800ms ease all;
  outline:none;
}
button:hover{
  background:#fff;
  color: blue;
}
button:before,button:after{
  content:'';
//position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: white;
  transition:400ms ease all;
}
button:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
button:hover:before,button:hover:after{
  width:100%;
  transition:800ms ease all;
}

.btn-link { 
 border:none;  position:static;  height:60px; width:200px; font-family: 'Pretendard-Regular', 'sans-serif';
 font-size:1.0em;  font-weight:500;  padding:0 2em;  cursor:pointer;  transition:800ms ease all;  outline:none;
}

.btn-link.none{  background: hotpink; color: white; 
.btn-link.none:hover{ background: white; color: hotpink; }