Border Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 100 100"
>
    <linearGradient
        id="a"
        x1="50"
        x2="50"
        y1="95"
        y2="5"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#3e3b92" />
        <stop offset="1" stop-color="#f44369" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M29.75 14c-2.481 0-4.5-2.019-4.5-4.5S27.269 5 29.75 5s4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm40.5 0c-2.481 0-4.5-2.019-4.5-4.5S67.769 5 70.25 5s4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm-40.5 40.5c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm40.5 0c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zM90.5 14c-2.481 0-4.5-2.019-4.5-4.5S88.019 5 90.5 5 95 7.019 95 9.5 92.981 14 90.5 14zM29.75 95c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm40.5 0c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm20.25 0c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm0-20.25c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm0-20.25c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5S95 47.519 95 50s-2.019 4.5-4.5 4.5zm0-20.25c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zM53 92V8a3 3 0 1 0-6 0v84a3 3 0 1 0 6 0zM9.5 14C7.019 14 5 11.981 5 9.5S7.019 5 9.5 5 14 7.019 14 9.5 11.981 14 9.5 14zm0 81C7.019 95 5 92.981 5 90.5S7.019 86 9.5 86s4.5 2.019 4.5 4.5S11.981 95 9.5 95zm0-20.25c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm0-20.25C7.019 54.5 5 52.481 5 50s2.019-4.5 4.5-4.5S14 47.519 14 50s-2.019 4.5-4.5 4.5zm0-20.25c-2.481 0-4.5-2.019-4.5-4.5s2.019-4.5 4.5-4.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5z"
    />
</svg>