.blogCard {
    position: relative;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    max-width: 382px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.blogCard__image {
    height: 236px;
    object-fit: cover;
}

.blogCard__name,
.blogCard__tag,
.blogCard__text,
.blogCard__link {
    margin: 0;
}

.blogCard__tag {
    background: var(--color-secondary);
    font-weight: 700;
    font-family: var(--opensans);
    color: var(--white);
    font-size: var(--fs-18);
    padding-block: 6px;
    padding-inline-start: 48px;
    padding-inline-end: 34px;
    position: absolute;
    top: 20px;
}

.blogCard__name {
    font-size: var(--fs-25);
    color: var(--color-primary);
    font-weight: 600;
    font-family: var(--quicksand);
    padding-block-start: 32px;
    padding-block-end: 33px;
    padding-inline: 27px;
}

.blogCard__text {
    font-size: var(--fs-16);
    color: var(--color-primary);
    font-weight: 400;
    font-family: var(--opensans);
    padding-inline: 27px;
    flex: 1;
}

.blogCard__link {
    text-decoration: none;
    display: block;
    right: 2px;
    color: var(--color-secondary);
    font-size: var(--fs-20);
    font-family: var(--quicksand);
    font-weight: 600;
    padding-block-start: 12px;
    padding-block-end: 23px;
    margin-left: auto;
    width: 130px;
}

.blogCard__link:visited{
    color: var(--color-secondary);
}

.blogCard__link:hover{
    color: var(--color-primary);
}

.blogCard__link i {
    font-size: 12px;

}

@media (min-width:992px){
    .blogCard {
        max-width: 393px;
    }
}