Border Design

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 100 100"
>
    <linearGradient
        id="a"
        x1="50.25"
        x2="50.25"
        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.25 14c-2.481 0-4.5-2.019-4.5-4.5S26.769 5 29.25 5s4.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.5S47.019 5 49.5 5 54 7.019 54 9.5 51.981 14 49.5 14zm20.25 0c-2.481 0-4.5-2.019-4.5-4.5S67.269 5 69.75 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 14c-2.481 0-4.5-2.019-4.5-4.5S87.519 5 90 5s4.5 2.019 4.5 4.5S92.481 14 90 14zM29.25 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.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.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.5zM90 95c-2.481 0-4.5-2.019-4.5-4.5S87.519 86 90 86s4.5 2.019 4.5 4.5S92.481 95 90 95zM49.5 74.75c-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.5S54 47.519 54 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.5zM90 74.75c-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.5 4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zM12 92V8a3 3 0 1 0-6 0v84a3 3 0 1 0 6 0z"
    />
</svg>