/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/story-list-item/style.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.em-block-story-list-item {
  border-bottom: 1px solid var(--color-gray-800);
  position: relative;
  width: 100%;
  margin-top: 0 !important;
}
.em-block-story-list-item__link {
  display: block;
  position: relative;
  height: 100%;
  width: 100%;
  text-decoration: none;
  border-radius: var(--border-radius-sm, 4px);
}
.em-block-story-list-item__link:hover .em-block-story-list-item__content .em-block-story-list-item__title, .em-block-story-list-item__link:focus .em-block-story-list-item__content .em-block-story-list-item__title {
  text-decoration: underline;
}
.em-block-story-list-item__link:hover .em-block-story-list-item__content .em-block-story-list-item__arrow, .em-block-story-list-item__link:focus .em-block-story-list-item__content .em-block-story-list-item__arrow {
  transform: translateX(0.25rem);
}
.em-block-story-list-item__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--spacing-xxs, 1rem);
  gap: var(--spacing-xxs, 1rem);
}
.em-block-story-list-item__title {
  font-size: var(--font-size-md, 1.125rem);
  color: var(--color-blue-dark, #004249);
  margin-bottom: 0;
}
.em-block-story-list-item__arrow {
  height: 1.25rem;
  aspect-ratio: 1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjEiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMy40MTc5NyA4Ljk5NTc3SDE1LjkxOFYxMC42NjI0SDMuNDE3OTdWOC45OTU3N1oiIGZpbGw9IiMwMDQyNDkiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuMDg0NiAyLjgxNzI2TDE3LjA5NjUgOS44MjkxTDEwLjA4NDYgMTYuODQwOUw4LjkwNjEyIDE1LjY2MjRMMTQuNzM5NSA5LjgyOTFMOC45MDYxMiAzLjk5NTc3TDEwLjA4NDYgMi44MTcyNloiIGZpbGw9IiMwMDQyNDkiLz4KPC9zdmc+Cg==);
  background-size: 100%;
  background-repeat: no-repeat;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

/*# sourceMappingURL=style-index.css.map*/