.NoteBox{z-index:5;width:90%;height:87vh;margin:0 auto;display:flex;position:relative;box-shadow:5px 5px 5px rgba(150,150,150,.38)}.Binding{background:#403a2f;width:10%;height:100%}.Cover{background:#b59b77;width:90%;height:100%}.SubTitle{color:#fff68f;margin-left:10%;font-size:5rem;line-height:2rem;transform:rotate(-10deg)}.TitleBox{color:#403a2f;background:#fff;border:3px solid #403a2f;justify-content:center;align-items:center;width:60%;height:40%;margin:0 auto;font-size:2.5rem;display:flex}.Title{border:1px solid #403a2f;justify-content:center;align-items:center;width:90%;height:80%;display:flex}.BtnBox{justify-content:end;align-items:end;width:100%;height:31%;display:flex}.Btn{color:#fff;z-index:1;cursor:pointer;border:2px solid #fff;border-radius:30px;justify-content:center;align-items:center;gap:50px;width:200px;height:60px;margin:50px;text-decoration:none;display:flex;position:relative;overflow:hidden}.Btn:after{content:"";transform-origin:0 0;z-index:-1;background:#de9f84;transition:transform .3s cubic-bezier(.45,0,.55,1);position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.Btn:hover{color:#fff}.Btn:hover:after{transform:scale(1)}.NextBtn{color:inherit;z-index:2;font-size:1.3rem;text-decoration:none;position:relative}.RightArrow{z-index:2;position:relative}