.blog-sect {
    padding-top: 120px;
    padding-bottom: 208px;
    background: rgb(38, 33, 39);
}

.blog__news {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(352px, 1fr));
  gap: 32px;
  justify-content: start;
}


.avtodigest__title{
    color: rgba(248, 248, 248, 1);
    font-size: 62px;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    margin-bottom: 66px;
    margin-top: 32px;
    padding-left: 0;
    font-family: Montserrat;   
}


.articles__item {
  width: 100%;
  max-width: 352px;         
  margin: 0 auto;           
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background: rgb(51, 46, 52);  
  color: rgb(248, 248, 248);
}

.articles__img {
  width: 100%;
  height: 156px;        
  overflow: hidden;     
  width: 100%;
  height: 156px;
  overflow: hidden;
  position: relative;
}

.articles__img img {
  width: 100%;          
  height: 100%;         
  object-fit: cover;        /* сохраняем пропорции, обрезаем края */
  display: block;
}

.articles__descr {
  padding: 15px 28px 8px 28px;
  background: rgb(51, 46, 52);
  font-family: Montserrat;
  color: rgba(248, 248, 248, 1);
}

.articles__item a{
    display: block;
    width: 100%;
}

.articles__descr .articles__title{    
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.articles__descr .articles__date{
    color: rgba(122, 119, 123, 1);
    font-size: 14px;
    margin-bottom: 10px;
}


.arrow-active{
    background: rgba(221, 255, 10, 1);
    display: block;
    width: 67px;
    height: 51px;
    color: rgba(38, 33, 39, 1);
    font-size: 30px;
    text-align: center;
    padding: 12px 0;
    position: absolute;
    bottom: -60px;
    right: 0;    
    /*
    opacity: 1;
    transition: opacity 1.8s ease;
    */
    transition: bottom 0.4s ease;
}

/*
.articles__item:hover .arrow-active {
  opacity: 1;
}
*/

.articles__item:hover .arrow-active {
   bottom: 0;
   /* opacity: 1; */
   box-shadow: 0 -4px 10px rgba(0,0,0,0.3);
}

.articles__preview, 
.articles__preview p, 
.articles__preview span{
    color: rgba(248, 248, 248, 1);
    font-size: 14px;
    line-height: 19px;
    text-align: left;
    padding: 0 28px;
    margin-bottom: 18px;
    font-family: "Montserrat";
}


@media (max-width:768px) {
    .blog__news {      
      grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));      
    }

    .blog-sect {
      padding-bottom: 0px;      
    }

    .article-blog ul {      
      padding: 0 0 0 20px;      
    }

}

@media (max-width:650px) {

    .blog__news {      
      grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));      
    }

    .blog-sect {
      padding-bottom: 0px;      
    }

    .article-blog ul {      
      padding: 0 0 0 20px;      
    }

}