/*!*********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/sass/entries/instructions/instructions.scss ***!
  \*********************************************************************************************************************************************/
/* (Entries) Instructions */
/*
    Variables
-------------------------------------
*/
/*
    Mixins
-------------------------------------
*/
/*
    Instructions
-------------------------------------
*/
.instructions .section__items {
  display: flex;
  flex-direction: column;
  gap: var(--section__gap);
}
.instructions .section__items .section__item {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #D9D9D9;
  border-radius: var(--content__border-radius-s);
  padding: var(--accordion-item__spacing);
}
.instructions .section__items .section__item .section__description {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.instructions .section__items .section__item:hover {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Safari and older Chrome versions */
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Firefox */
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Internet Explorer */
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Opera */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Standard syntax */
}
.instructions .section__items .section__item:hover .section__description {
  color: #E41725;
}
.instructions .section__items .section__item:hover svg path {
  fill: #E41725;
}
.instructions .section__items .section__item svg {
  width: var(--instructions-icon__size);
  height: var(--instructions-icon__size);
}

/*# sourceMappingURL=instructions.bundle.css.map*/