.cdi{--cdi-bg-color:var(--blue-lighten);--cdi-color:var(--green);--cdi-mask-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='75.984' height='92.389' viewBox='0 0 75.984 92.389'%3E%3Cg fill='%234abfb4'%3E%3Cpath d='M58.715 78.574H0V0h58.715v78.573ZM11.584 60.831V67.1h15.8v-6.27Zm28.461-9.611-7.19 7.089 7.19 7.09 7.189-7.09zm-28.461-.528v6.271h15.8v-6.271Zm0-11.406v6.271h35.862v-6.271Zm0-10.139v6.271h35.862v-6.27Zm0-17.742v13.314h35.862V11.406ZM62.169 17.269h13.815v75.12H62.169z'/%3E%3Cpath d='M17.269 82.028H75.12v10.361H17.269z'/%3E%3C/g%3E%3C/svg%3E")}.cdi--link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;aspect-ratio:1;background-color:var(--cdi-bg-color);-webkit-transition:all .3s;transition:all .3s}.cdi--link:hover{background-color:var(--cdi-color)}.cdi--inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--spacing-20);padding:var(--spacing-20) var(--spacing-20)}.cdi--picto{width:76px;height:93px;-webkit-mask-image:var(--cdi-mask-url);mask-image:var(--cdi-mask-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;background-color:var(--cdi-color);-webkit-transition:all .3s;transition:all .3s}.cdi--link:hover .cdi--picto{background-color:var(--white)}.cdi--title{font-family:var(--quicksand);font-size:var(--fs-17);font-weight:var(--fw-700);text-transform:uppercase;text-align:center;color:var(--cdi-color);-webkit-transition:all .3s;transition:all .3s}.cdi--link:hover .cdi--title{color:var(--white)}