span.file,
.field--type-file .field__item,
.field--type-file .field--item {
  position: relative;
  border-radius: 8px;
  background-color: #F7F2EE;
  padding: 8px 16px 8px 24px;
}
span.file:before,
.field--type-file .field__item:before,
.field--type-file .field--item:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 8px;
  width: 3px;
  height: calc(100% - 2 * 8px);
  background-color: #000;
  transform: translateY(-50%);
}
span.file a,
.field--type-file .field__item a,
.field--type-file .field--item a {
  position: relative;
  display: block;
  width: 100%;
  padding-right: 24px;
  font-size: 1.6rem;
  font-family: "Avenir";
  font-weight: 700;
  color: #000 !important;
  text-decoration: none;
}

.node.see-and-do span.file:before,
.node.see-and-do .field--type-file .field__item:before,
.node.see-and-do .field--type-file .field--item:before {
  background-color: #B3C431;
}
.node.see-and-do span.file a,
.node.see-and-do .field--type-file .field__item a,
.node.see-and-do .field--type-file .field--item a {
  background-image: url("../../assets/images/button/btn-green.svg");
}
.node.see-and-do span.file a:before,
.node.see-and-do .field--type-file .field__item a:before,
.node.see-and-do .field--type-file .field--item a:before {
  border-color: #B3C431;
}
.node.see-and-do span.file a:hover:before,
.node.see-and-do .field--type-file .field__item a:hover:before,
.node.see-and-do .field--type-file .field--item a:hover:before {
  background-color: #B3C431;
}
.node.service span.file:before,
.node.service .field--type-file .field__item:before,
.node.service .field--type-file .field--item:before {
  background-color: #56BCC7;
}
.node.service span.file a,
.node.service .field--type-file .field__item a,
.node.service .field--type-file .field--item a {
  background-image: url("../../assets/images/button/btn-blue.svg");
}
.node.service span.file a:before,
.node.service .field--type-file .field__item a:before,
.node.service .field--type-file .field--item a:before {
  border-color: #56BCC7;
}
.node.service span.file a:hover:before,
.node.service .field--type-file .field__item a:hover:before,
.node.service .field--type-file .field--item a:hover:before {
  background-color: #56BCC7;
}
.node.understand span.file:before,
.node.understand .field--type-file .field__item:before,
.node.understand .field--type-file .field--item:before {
  background-color: #F8AA5C;
}
.node.understand span.file a,
.node.understand .field--type-file .field__item a,
.node.understand .field--type-file .field--item a {
  background-image: url("../../assets/images/button/btn-orange.svg");
}
.node.understand span.file a:before,
.node.understand .field--type-file .field__item a:before,
.node.understand .field--type-file .field--item a:before {
  border-color: #F8AA5C;
}
.node.understand span.file a:hover:before,
.node.understand .field--type-file .field__item a:hover:before,
.node.understand .field--type-file .field--item a:hover:before {
  background-color: #F8AA5C;
}
.node.jo-2024 span.file:before,
.node.jo-2024 .field--type-file .field__item:before,
.node.jo-2024 .field--type-file .field--item:before {
  background-color: #D7C378;
}
.node.jo-2024 span.file a,
.node.jo-2024 .field--type-file .field__item a,
.node.jo-2024 .field--type-file .field--item a {
  background-image: url("../../assets/images/button/btn-gold.svg");
}
.node.jo-2024 span.file a:before,
.node.jo-2024 .field--type-file .field__item a:before,
.node.jo-2024 .field--type-file .field--item a:before {
  border-color: #D7C378;
}
.node.jo-2024 span.file a:hover:before,
.node.jo-2024 .field--type-file .field__item a:hover:before,
.node.jo-2024 .field--type-file .field--item a:hover:before {
  background-color: #D7C378;
}
.node.no-menu span.file:before,
.node.no-menu .field--type-file .field__item:before,
.node.no-menu .field--type-file .field--item:before {
  background-color: #A71930;
}
.node.no-menu span.file a,
.node.no-menu .field--type-file .field__item a,
.node.no-menu .field--type-file .field--item a {
  background-image: url("../../assets/images/button/btn-red.svg");
}
.node.no-menu span.file a:before,
.node.no-menu .field--type-file .field__item a:before,
.node.no-menu .field--type-file .field--item a:before {
  border-color: #A71930;
}
.node.no-menu span.file a:hover:before,
.node.no-menu .field--type-file .field__item a:hover:before,
.node.no-menu .field--type-file .field--item a:hover:before {
  background-color: #A71930;
}