.card {
display: block;
margin: 1rem 0;
position: relative;
width: 100%;
& &__title {
display: flex;
}
& &__summary {
color: var(--color-white-300);
margin: 0 0 0.5rem 0;
}
& &__footer {
display: flex;
}
& &__meta {
color: var(--color-white-200);
display: flex;
margin: 0 0 0.5rem 0;
&--left {
flex: 1 0 auto;
font-size: 1.2rem;
margin: 0;
}
&--right {
flex: 1 0 auto;
font-size: 1.2rem;
margin: 0;
text-align: right;
}
}
& &__progress {
margin: 0.5rem 0;
}
}