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

.card {
    margin-bottom: 32px;
}

.card-title {
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    user-select: none;
    color: $black-blue;
}

.card-description {
    font-size: 15px;
    line-height: 1.5;
    color: $black-blue;
    margin-top: 1px;
    user-select: none;
}

.card-subcard {
    padding: 24px;
    margin-top: 12px;
    background-color: $white;
    border: 1px solid $grey-light;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02), 0 4px 15px rgba(0, 0, 0, 0.04);
}