.blog-row {
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 0.3rem;
  transition: all 0.3s;
}
.blog-row:hover {
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.65);
}
.blog-row:hover .text-on-surface {
  color: var(--md-sys-color-secondary);
}
.marketing-template a {
  text-decoration: underline;
}
.marketing-template a:hover {
  opacity: 0.92;
}
.marketing-template p,
.marketing-template h2,
.marketing-template h3 {
  margin-bottom: 15px;
}
.marketing-template p + p {
  margin-bottom: 9px;
}
.marketing-template p ~ h2 {
  padding-top: 18px;
}
.marketing-template h3 + p {
  margin-top: -12px;
}