.bc-svg-title{
display: block;
width: fit-content;
height: fit-content;
--animation-duration: 5s;
--animation-delay: 0.2s;
}
.bc-svg-title__element{
display: flex;
width: 250px; height: auto; }
.bc-svg-title__element text{
fill: transparent; stroke: black; stroke-width: 1; font-family: helvetica; visibility: hidden;
stroke-dasharray: 0 50%;
}
.bc-svg-title__animation text{
visibility: visible;
animation: SVGTitleAnimate  var(--animation-duration) var(--animation-delay) forwards;
}
[data-ready="bc-svg-title__animation"] text{
visibility: visible;
animation: SVGTitleAnimate  var(--animation-duration) var(--animation-delay) forwards;
}
[data-ready="bc-svg-title__animation--played"] text{
visibility: visible;
stroke-dasharray: 0 50%;
}
@keyframes SVGTitleAnimate {
0% {
stroke-dasharray: 0 50%;
}
100% {
stroke-dasharray: 50% 0;  
}
}