html {
    font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
    font-weight: 500;
  }
  
body {
  margin: 0;
  padding: 0;
  list-style: none;
}

button {
    margin: 0;
    padding: 0;
    font-weight: 400;
    display: block;
    border: none;
    border-radius: 0px;
    background: none;
    cursor: pointer;
  }

  a {
    color: inherit;
    text-decoration: none;
  }

.img-box>img {
    width: 100%;
    display: block;
  }

  
.relative {
    position: absolute;
    top: -30px;
  }

  
  .white-box{
    position: absolute;
    bottom: 9%;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
    height: 6%;
    background-color: #fff;
  }
  
  .btn{
    position: absolute;
    display: block;
    bottom: 10.1%;
    left: 50%;
    transform: translateX(-50%);
    width: 65.5%;
    height: 4.7%;
  }

  .btn>div{
    position: absolute;
    display: block;
    box-sizing: border-box;    
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 40px;
    border: 6px solid transparent ;
    background-image: linear-gradient(#fff, #fff), 
    linear-gradient(10deg, #004A85 12.47%, #202454 44.01%, #bd95a5 45.69%, #F07357 47.37%, #C54B4E 76.57%);
    background-origin: border-box;
    background-clip: content-box, border-box;
    text-align: center;
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
}
.btn > div > div{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #E56854;
    font-size: 2.7vw;
    padding-bottom: 0.5%;
}
.btn > div > div > span > img {
    padding-right: 2%;
    padding-bottom: 1.5%;
    width:8.5%;
    vertical-align: middle;  
}