.blog-item {
	display:flex;
	flex-direction:column;
	padding:1.5em;
	background-color: rgba(252, 252, 252, 1);
	border-radius: 1em;
}

.shadow .blog-item {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.shadow .blog-item:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.rotate-ues {
	 rotate: z -4deg;
}

.main-bottom {
	display:flex;
	flex-direction:column;
	padding:1.5em;
	background-color: rgba(252, 252, 252, 1);
	border-radius: 1em;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.shadow .main.bottom:hover {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.com-content-article.item-page {
	display:flex;
	flex-direction:column; 
	padding:1.5em;
	background-color: rgba(252, 252, 252, 1);
	border-radius: 1em;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.bottom-a {
	display:flex;
	flex-direction:column;
	padding:1.5em;
	background-color: rgba(252, 252, 252, 1);
	border-radius: 1em;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.advent-grid {
    display: grid;
    grid-template-columns: repeat(8,minmax(80px,1fr));
    gap: .6rem;
    figure {
      margin: 0;
    }
    .advent-link {
      padding: 0;
      text-decoration: none;
      color: currentColor;
      width: 100%;
      height: 100%;
    }
    .mod-articles-advent-item-content {
      aspect-ratio: 1;
      transition: all .2s ease-in-out;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
      &:hover {
        transform: scale(1.03);
      }
    }
    span {
      font-size: 4rem;
      color: #fff;
    }
  }
@media (max-width: 768px) {
  .advent-grid {
    grid-template-columns: repeat(6,minmax(80px,1fr));
  }
}
.mod-articles-item {
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background-color: rgba(252, 252, 252, 1);
  border-radius: 0.7em;
  padding:1.5em;
  &:hover {
        transform: scale(1.1);
}

.blog-items .items-leading {
	display:flex;
	flex-direction:column;
	padding:1.5em;
	background-color: rgba(252, 252, 252, 1);
	border-radius: 1em;
}

.readmore .btn {
  border-radius: 10px;
}