.result-mat-card { padding: 0; display: flex; flex-direction: column; > .result-img { flex: 0 0 auto; width: 100%; height: 15rem; object-fit: cover; } > .result-title { display: flex; flex-direction: row; align-items: center; margin-bottom: 0.5rem; > .result-name { flex: 1 1 auto; display: flex; flex-direction: row; margin: 0.25rem 0; > .result-country { text-transform: uppercase; font-size: small; align-self: center; } > .result-name { font-weight: bold; font-size: larger; align-self: center; margin-right: 0.25rem; } } } > .result-details { } } .cell { display: flex; flex-direction: row; align-items: center; align-self: center; &.right { justify-content: flex-end; } &.space { margin-right: 1rem; } > mat-icon { margin-right: 0.5rem; } }