.layout-view{ position: fixed; left: 30rem; bottom: 0rem; padding-bottom: 60rem; width: 690rem; z-index: 15; background-color: rgba(255, 255, 255, 1); } .layout-list{ position: relative; width: auto; box-sizing: border-box; z-index: 12; } .seed-item{ margin-right:90rem; } .seed-item:last-child{ margin-right:0rem; } .item-text{ font-family: "Verdana Bold"; font-weight: 700; font-size: 34rem; text-align: center; color: #1c1c1c; width: 95rem; /* height: 80rem; */ margin-bottom:10rem; } .item-select{ width: 50rem; height: 12rem; border-radius: 6rem; background: #ffa040; } .item-set{ font-family: "Verdana"; font-weight: 400; font-size: 24rem; text-align: left; color: #faa040; } .btn-list{ position: relative; width: 100%; box-sizing: border-box; margin-top:26rem; } .btn{ height: 100rem; border-radius: 50rem; backdrop-filter:blur(40px); --webkit-backdrop-filter: blur(40px); font-family: "Verdana Bold"; font-weight: 700; font-size: 32rem; color: #272727; box-sizing: border-box; } .up{ width: 690rem; box-shadow: 0 6rem 20rem #f2980233; } .up1{ color: rgba(245, 145, 39, 1); background-image:linear-gradient(124deg, rgba(245, 201, 82, 0.4) 0%, rgba(239, 149, 57, 0.4) 100%); } .up2{ color: rgba(255, 255, 255, 1); background-image:linear-gradient(124deg, rgba(245, 201, 82, 1) 0%, rgba(239, 149, 57, 1) 100%); } .houseType{ width: 320rem; box-shadow: 0 6rem 20rem #f2980233; } .AiBtn{ width: 320rem; box-shadow: 0 6rem 20rem #f2980233; }