Mes kheyous,

J'ai 3xcol-4 pour lesquelles je veux une bordure dégradée sur l'ensemble de la longueur de la bordure, et des pointillés 12px 12px
Pas moyen d'y arriver en css, un génie pour m'aider ?
SInon peut être en trichant avec un svg ?
Code du svg d'exemple exporté de figma (lui donner une longueur pour voir qqchose):
<svg width="6" height="833" viewBox="0 0 6 833" fill="none" xmlns="http://www.w3.org/2000/svg">
<line x1="3" y1="1.31134e-07" x2="2.99996" y2="833" stroke="url(#paint0_linear_2101_811)" stroke-width="6" stroke-dasharray="12 12"/>
<defs>
<linearGradient id="paint0_linear_2101_811" x1="-0.500028" y1="833" x2="-0.500034" y2="3.70275e-09" gradientUnits="userSpaceOnUse">
<stop stop-color="#188e8c"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
</defs>
</svg>