.text-formatted .field--name-field-media-document {
  position: relative;
  border-radius: 8px;
  background-color: #F7F2EE;
  padding: 8px 16px 8px 24px;
}
.text-formatted .field--name-field-media-document:before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 8px;
  width: 3px;
  height: calc(100% - 2 * 8px);
  background-color: #000;
  transform: translateY(-50%);
}
.text-formatted .field--name-field-media-document .field__item:before {
  display: none;
}
.text-formatted .field--name-field-media-document .field__item a {
  position: relative;
  display: block;
  width: 100%;
  font-size: 1.6rem;
  font-family: "Avenir";
  font-weight: 700;
  color: #000;
  text-decoration: none;
  padding-left: 0;
  box-shadow: none !important;
  padding-right: 40px;
}
@media (min-width: 769px) {
  .text-formatted .field--name-field-media-document .field__item a {
    padding-right: 24px;
  }
}

.node.see-and-do .text-formatted .field--name-field-media-document:before {
  background-color: #B3C431;
}
.node.see-and-do .text-formatted .field--name-field-media-document .field__item a {
  background-image: url("../../assets/images/button/btn-green.svg");
}
.node.see-and-do .text-formatted .field--name-field-media-document .field__item a:before {
  border-color: #B3C431;
}
.node.see-and-do .text-formatted .field--name-field-media-document .field__item a:hover:before {
  background-color: #B3C431;
}
.node.service .text-formatted .field--name-field-media-document:before {
  background-color: #56BCC7;
}
.node.service .text-formatted .field--name-field-media-document .field__item a {
  background-image: url("../../assets/images/button/btn-blue.svg");
}
.node.service .text-formatted .field--name-field-media-document .field__item a:before {
  border-color: #56BCC7;
}
.node.service .text-formatted .field--name-field-media-document .field__item a:hover:before {
  background-color: #56BCC7;
}
.node.understand .text-formatted .field--name-field-media-document:before {
  background-color: #F8AA5C;
}
.node.understand .text-formatted .field--name-field-media-document .field__item a {
  background-image: url("../../assets/images/button/btn-orange.svg");
}
.node.understand .text-formatted .field--name-field-media-document .field__item a:before {
  border-color: #F8AA5C;
}
.node.understand .text-formatted .field--name-field-media-document .field__item a:hover:before {
  background-color: #F8AA5C;
}
.node.jo-2024 .text-formatted .field--name-field-media-document:before {
  background-color: #D7C378;
}
.node.jo-2024 .text-formatted .field--name-field-media-document .field__item a {
  background-image: url("../../assets/images/button/btn-gold.svg");
}
.node.jo-2024 .text-formatted .field--name-field-media-document .field__item a:before {
  border-color: #D7C378;
}
.node.jo-2024 .text-formatted .field--name-field-media-document .field__item a:hover:before {
  background-color: #D7C378;
}
.node.anniversary-40 .text-formatted .field--name-field-media-document:before {
  background-color: #A569BD;
}
.node.anniversary-40 .text-formatted .field--name-field-media-document .field__item a {
  background-image: url("../../assets/images/button/btn-violet.svg");
}
.node.anniversary-40 .text-formatted .field--name-field-media-document .field__item a:before {
  border-color: #A569BD;
}
.node.anniversary-40 .text-formatted .field--name-field-media-document .field__item a:hover:before {
  background-color: #A569BD;
}
.node.no-menu .text-formatted .field--name-field-media-document:before {
  background-color: #A71930;
}
.node.no-menu .text-formatted .field--name-field-media-document .field__item a {
  background-image: url("../../assets/images/button/btn-red.svg");
}
.node.no-menu .text-formatted .field--name-field-media-document .field__item a:before {
  border-color: #A71930;
}
.node.no-menu .text-formatted .field--name-field-media-document .field__item a:hover:before {
  background-color: #A71930;
}