section.article-list .list-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
section.article-list .article-box a {
  text-decoration: none;
  color: var(--primary-color);
}
section.article-list .article-box {
  background-color: var(--white);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  position: relative;
  padding-bottom: 90px;
}
section.article-list .article-box .box-content {
  padding-right: 30px;
  padding-left: 30px;
}
section.article-list .article-box::after {
  content: "";
  position: absolute;
  background-color: var(--highlight-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-mask-image: url("/wp-content/themes/marinedc-live/assets/icons/box-angle-right.svg");
  mask-image: url("/wp-content/themes/marinedc-live/assets/icons/box-angle-right.svg");
  width: 13px;
  height: 26px;
  bottom: 30px;
  right: 30px;
}
section.article-list .article-box:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
section.article-list .article-box:hover::after {
  right: 20px;
}