/*to use global variables, import them into your component stylesheet*/
@import "./../../../styles/global.scss";

.info-card {
    background-color: $grey-light;
    padding: 36px;
    display: flex;
    justify-content: space-between;

    .info-card__titles-container {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;

        .info-card__title {
            font-weight: bold;
            margin: 0;
        }

        .info-card__subtitle {
            font-weight: normal;
            margin: 0;
            color: $grey-medium-dark;
            font-size: 15px;
        }
    }
}

.info-card--column {
    flex-direction: column;
}

.info-card--row {
    flex-direction: row;
}