.article__row{margin:-15px -15px 0}
.article__row .col-12{padding:15px}
.article__block{height:100%;padding:15px;background: rgba(255,255,255,0.4);border: 1px solid rgba(79,45,92,0.2);text-decoration:none !important;}
.article__block-cover{position:relative;width:200px;min-width: 200px;}
.article__block-cover img{border: 1px solid #fff;box-shadow: 0 0 0 3px rgb(79 45 92 / 20%);width:100%;max-height: 270px;object-fit:cover;height: 100%;}
.article__block-title{display:block;color: #4f2d5c;font-size: 16px;font-weight: 700;padding: 0;align-items: center;margin-top: 0;margin-bottom: 10px;line-height: 22px;}
.article__block:hover .article__block-title{color:#000}
.article__block-info{padding-left: 20px;}
.action__button{background:rgba(79,45,92,0.8);position:absolute;top:0;left:0;right:0;bottom:0;opacity: 0;}
.action__button span{border:2px solid #fff;width: 200px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 20px;color: #fff;text-align: center;line-height: 42px;}
.article__block:hover .article__block-cover span{opacity:1}
.action__button span:hover{background:#fff; color:#4f2d5c}
.article__block-text{font-size: 14px;line-height: 22px;display: block;color: #000}
@media(max-width:1229px){
	.article__row{margin:-10px -10px 0}
	.article__row .col-12{padding:10px}
	.article__block-cover img{height: 180px;}
}
@media(max-width:767px){
	.article__block-cover img, .article__block-title{height: auto}
}
@media(max-width:480px){
	.article__block.d-flex{display:block !important}
	.article__block-cover {width: 100%;min-width: 100%}
	.article__block-info {padding-left: 0; padding-top:15px}
	.article__block-cover img, .article__block-title {height: auto;max-height: 74vw}
}