body .field--name-field-button:has(.paragraph--type--time-delay) {
  border: 0.5px solid;
  border-image: linear-gradient(90deg, rgba(123, 97, 255, 0.3), rgb(255, 111, 183)) 1;
}
body .field--name-field-button:has(.paragraph--type--time-delay) .paragraph--type--time-delay {
  border: 0.5px solid;
  border-image: linear-gradient(90deg, rgba(123, 97, 255, 0.3), rgb(255, 111, 183)) 1;
  padding: 1.125rem;
}
body .field--name-field-button:has(.paragraph--type--time-delay) .paragraph--type--time-delay .pre-title-text {
  color: #1540DD !important;
  margin-block-start: 0;
  margin-block-end: 0;
}
body .field--name-field-button:has(.paragraph--type--time-delay) .paragraph--type--time-delay .pre-title-text * {
  color: #1540DD !important;
}
body .field--name-field-button:has(.paragraph--type--time-delay) .paragraph--type--time-delay .title {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-bottom: 0.625rem;
  color: #022A5E !important;
}
body .field--name-field-button:has(.paragraph--type--time-delay) .paragraph--type--time-delay .title * {
  color: #022A5E !important;
}
body .field--name-field-button:has(.paragraph--type--time-delay) .paragraph--type--time-delay .description {
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s ease;
  opacity: 0;
}
body .field--name-field-button:has(.paragraph--type--time-delay) .paragraph--type--time-delay .border-bottom-hover {
  height: 0.5rem;
  background-color: #1540DD;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  position: relative;
  top: 1.125rem;
  left: -1.125rem;
}

@media (min-width: 769px) {
  body .field--name-field-button:has(.paragraph--type--time-delay) {
    width: 22.125rem;
  }
  body .field--name-field-button:has(.paragraph--type--time-delay) .paragraph--type--time-delay .pre-title-text p {
    font-size: 3.5rem !important;
  }
  body .field--name-field-button:has(.paragraph--type--time-delay) .paragraph--type--time-delay .description {
    opacity: 0;
    max-height: 0;
  }
}
@keyframes description-reveal {
  0% {
    max-height: 5rem;
    opacity: 1;
    overflow: visible;
  }
  32% {
    max-height: 5rem;
    opacity: 1;
    overflow: visible;
  }
  35% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  97% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  100% {
    max-height: 5rem;
    opacity: 1;
    overflow: visible;
  }
}
@keyframes border-reveal {
  0% {
    width: 0%;
    transform: scaleX(1);
  }
  /* 1% { width: 15%; transform: scaleX(1); }
  29% { width: 15%; transform: scaleX(1); } */
  30% {
    width: calc(100% + 2.25rem);
    transform: scaleX(1);
  }
  31% {
    width: calc(100% + 2.25rem);
    transform: scaleX(1);
  }
  33% {
    width: 0;
    transform: scaleX(0);
  }
  100% {
    width: 0;
    transform: scaleX(1);
  }
}
@keyframes description-reveal-1 {
  0% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  32% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  35% {
    max-height: 5rem;
    opacity: 1;
    overflow: visible;
  }
  65% {
    max-height: 5rem;
    opacity: 1;
    overflow: visible;
  }
  68% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  100% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
}
@keyframes border-reveal-1 {
  0% {
    width: 0;
    transform: scaleX(0);
  }
  35% {
    width: 0%;
    transform: scaleX(1);
  }
  /* 36% { width: 15%; transform: scaleX(1); }
  62% { width: 15%; transform: scaleX(1); } */
  63% {
    width: calc(100% + 2.25rem);
    transform: scaleX(1);
  }
  64% {
    width: calc(100% + 2.25rem);
    transform: scaleX(1);
  }
  65% {
    width: 0;
    transform: scaleX(0);
  }
  100% {
    width: 0;
    transform: scaleX(0);
  }
}
@keyframes description-reveal-2 {
  0% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  65% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  68% {
    max-height: 5rem;
    opacity: 1;
    overflow: visible;
  }
  97% {
    max-height: 5rem;
    opacity: 1;
    overflow: visible;
  }
  100% {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
}
@keyframes border-reveal-2 {
  0% {
    width: 0;
    transform: scaleX(0);
  }
  65% {
    width: 0;
    transform: scaleX(0);
  }
  68% {
    width: 0%;
    transform: scaleX(1);
  }
  /* 69% { width: 15%; transform: scaleX(1); }
  97% { width: 15%; transform: scaleX(1); } */
  98% {
    width: calc(100% + 2.25rem);
    transform: scaleX(1);
  }
  99% {
    width: calc(100% + 2.25rem);
    transform: scaleX(1);
  }
  100% {
    width: 0;
    transform: scaleX(0);
  }
}
@media (min-width: 1025px) {
  body .field--name-field-button:has(.paragraph--type--time-delay) {
    width: 39.1875rem;
  }
  body .field--name-field-button:has(.paragraph--type--time-delay) .paragraph--type--time-delay .pre-title-text p {
    font-size: 3.5rem !important;
  }
  .time-delay-card-main-wrapper .field__item:nth-child(1) .field--name-field-button:has(.paragraph--type--time-delay) .description {
    max-height: 5rem;
    opacity: 1;
    overflow: visible;
  }
  .time-delay-card-main-wrapper .field__item:nth-child(1) .field--name-field-button:has(.paragraph--type--time-delay) .border-bottom-hover {
    width: 0;
    transform: scaleX(1);
  }
  .time-delay-card-main-wrapper:hover .field__item .field--name-field-button:has(.paragraph--type--time-delay) .description {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
  }
  .time-delay-card-main-wrapper:hover .field__item .field--name-field-button:has(.paragraph--type--time-delay) .border-bottom-hover {
    width: 0;
    transform: scaleX(0);
  }
  .time-delay-card-main-wrapper:hover .field__item:nth-child(1) .field--name-field-button:has(.paragraph--type--time-delay) .description {
    animation: description-reveal 9s infinite;
  }
  .time-delay-card-main-wrapper:hover .field__item:nth-child(1) .field--name-field-button:has(.paragraph--type--time-delay) .border-bottom-hover {
    animation: border-reveal 9s infinite;
  }
  .time-delay-card-main-wrapper:hover .field__item:nth-child(2) .field--name-field-button:has(.paragraph--type--time-delay) .description {
    animation: description-reveal-1 9s infinite;
  }
  .time-delay-card-main-wrapper:hover .field__item:nth-child(2) .field--name-field-button:has(.paragraph--type--time-delay) .border-bottom-hover {
    animation: border-reveal-1 9s infinite;
  }
  .time-delay-card-main-wrapper:hover .field__item:nth-child(3) .field--name-field-button:has(.paragraph--type--time-delay) .description {
    animation: description-reveal-2 9s infinite;
  }
  .time-delay-card-main-wrapper:hover .field__item:nth-child(3) .field--name-field-button:has(.paragraph--type--time-delay) .border-bottom-hover {
    animation: border-reveal-2 9s infinite;
  }
}

/*# sourceMappingURL=card-time-delay.css.map */