.box { width: 331px; margin-bottom: 15px; background: hsl(0, 0%, 100%); border-radius: 25px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.07), 0px 4px 10px rgba(0, 0, 0, 0.05); .content { .env { position: relative; display: flex; .envLeft { flex: 1 1 auto; height: 140px; padding-top: 24px; padding-left: 30px; } .envRight { width: 165px; height: 140px; .roomEqImg { width: 165px; height: 140px; } } } } } .eqTitle { color: #4d5262; font-weight: 600; font-size: 16px; font-family: PingFang SC; font-style: normal; line-height: 22px; letter-spacing: 0em; text-align: left; } .eqStatus { padding-top: 5px; color: rgba(196, 196, 196, 1); font-weight: 400; font-size: 14px; font-family: PingFang SC; line-height: 20px; } .eqBtn { position: absolute; top: 103px; right: 15px; } .flexBetween { display: flex; align-items: center; justify-content: space-between; } .showAll { display: flex; padding-top: 30px; color: #c4c4c4; .showAllText { font-weight: 400; font-size: 14px; line-height: 20px; } .showImg { width: 22px; height: 22px; margin-right: 5px; } } .pdt10 { padding-top: 10px; } .dsflex { display: flex; } .eqCirculBtn { position: absolute; top: 86px; right: 15px; display: flex; } .mgr20 { margin-right: 20px; } .circulBtn { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; background: rgba(196, 196, 196, 0.2); border-radius: 50%; &.yell { background: #ffe823; } .btnIcon { width: 20px; height: 20px; } }