.issue-card-wrapper { width: calc(100% - var(--main-space) * 2); margin: var(--main-space); background: #ffffff; box-shadow: 0px 18px 22px 1px rgba(0, 0, 0, 0.06); border-radius: 8px; padding: 20px 20px 40px 20px; .issue-card-header { display: flex; align-items: center; justify-content: space-between; font-size: 28px; & > view { flex: 1; line-height: 52px; color: #202020; &:last-child { flex: none; color: #222; } } } .issue-card-body { padding: 20px; font-size: 30px; color: #333; line-height: 54px; height: 252px; margin-top: calc(var(--main-space) / 2); } .issue-card-footer { display: flex; align-items: center; justify-content: space-between; font-size: 28px; line-height: 32px; color: #202020; margin-top: var(--main-space); image { display: inline-block; width: 25px; height: 29px; margin-right: 10px; vertical-align: middle; } & > view { flex: 1; &:last-child { flex: none; } } } }