/*!************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/prudential-carousel-slide/style.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************/
.prudential-carousel-slide {
  box-sizing: border-box;
  width: 580px;
  max-width: 100%;
  background-color: transparent;
  border: 1px solid var(--wp--preset--color--charcoal);
  padding: var(--wp--preset--spacing--xxs) var(--wp--preset--spacing--xs);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--xxs);
  transition: background-color 350ms ease-in-out;
}
.prudential-carousel-slide:has(.prudential-carousel-slide__button:hover) {
  background-color: var(--wp--preset--color--yellow);
}
.prudential-carousel-slide__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: auto;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--xxs);
}
.prudential-carousel-slide__row:nth-of-type(2) {
  flex: 1;
}
.prudential-carousel-slide__col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--wp--preset--spacing--xxs);
  height: 100%;
}
.prudential-carousel-slide__heading {
  margin: 0;
  line-height: 1;
}
.prudential-carousel-slide__subheading {
  margin: 0;
  width: 100%;
  max-width: 200px;
}
.prudential-carousel-slide__subheading.desktop-hide {
  display: none;
}
.prudential-carousel-slide__subheading.mobile-hide {
  display: block;
}
.prudential-carousel-slide__body {
  flex: 1;
  order: 2;
  max-width: 280px;
  margin: 0;
  align-self: flex-start;
}
.prudential-carousel-slide__button {
  order: 1;
  padding: 8px 3.5rem 8px 11px;
  background-color: var(--wp--preset--color--yellow);
  color: var(--wp--preset--color--charcoal);
  font-family: var(--wp--preset--font-family--epilogue);
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  border-radius: 30px;
  transition: all 350ms ease-in-out;
  text-decoration: none;
  margin-top: auto;
}
.prudential-carousel-slide__button:hover, .prudential-carousel-slide__button:focus {
  padding: 8px 11px 8px 1rem;
  background-color: var(--wp--preset--color--red);
  color: var(--wp--preset--color--base);
}
.prudential-carousel-slide__button:hover .prudential-carousel-slide__button-text, .prudential-carousel-slide__button:focus .prudential-carousel-slide__button-text {
  grid-template-columns: 1fr;
}
.prudential-carousel-slide__button:hover .prudential-carousel-slide__button-icon, .prudential-carousel-slide__button:focus .prudential-carousel-slide__button-icon {
  padding-left: 9px;
  fill: var(--wp--preset--color--base);
}
.prudential-carousel-slide__button-inner {
  display: flex;
  align-items: center;
}
.prudential-carousel-slide__button-text {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  color: var(--wp--preset--color--base);
  display: grid;
  grid-template-columns: 0fr;
  transition: grid-template-columns 350ms ease-in-out;
  text-wrap: nowrap;
}
.prudential-carousel-slide__button-text-inner {
  text-wrap: nowrap;
  overflow: hidden;
  min-height: 0;
}
.prudential-carousel-slide__button-icon {
  fill: var(--wp--preset--color--charcoal);
  height: 31px;
  width: 31px;
  padding-left: 0px;
  transition: padding-left 350 ease-in-out;
}

@media screen and (max-width: 782px) {
  .prudential-carousel-slide {
    width: calc(100vw - 2 * var(--wp--preset--spacing--xxs));
    max-width: none;
    flex-shrink: 0;
  }
  .prudential-carousel-slide:first-of-type {
    margin-left: 0;
  }
  .prudential-carousel-slide__col {
    height: auto;
    order: 2;
  }
  .prudential-carousel-slide__subheading.desktop-hide {
    display: block;
  }
  .prudential-carousel-slide__subheading.mobile-hide {
    display: none;
  }
  .prudential-carousel-slide__body {
    order: 1;
    width: 100%;
    max-width: none;
    min-width: 100%;
  }
  .prudential-carousel-slide__button {
    order: 2;
    padding: 8px 11px 8px 1rem;
    background-color: var(--wp--preset--color--red);
    color: var(--wp--preset--color--base);
  }
  .prudential-carousel-slide__button .prudential-carousel-slide__button-text {
    grid-template-columns: 1fr;
  }
  .prudential-carousel-slide__button .prudential-carousel-slide__button-icon {
    padding-left: 9px;
    fill: var(--wp--preset--color--base);
  }
}
.prudential-carousel-slide-editor .prudential-carousel-slide__button {
  padding: 8px 11px 8px 1rem;
  background-color: var(--wp--preset--color--red);
  color: var(--wp--preset--color--base);
}
.prudential-carousel-slide-editor .prudential-carousel-slide__button .prudential-carousel-slide__button-text {
  grid-template-columns: 1fr;
  display: block;
}
.prudential-carousel-slide-editor .prudential-carousel-slide__button .prudential-carousel-slide__button-icon {
  padding-left: 9px;
  fill: var(--wp--preset--color--base);
  width: 31px;
  height: 31px;
}

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