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="M71.25 14c-2.481 0-4.5-2.019-4.5-4.5S68.769 5 71.25 5s4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zM51 14c-2.481 0-4.5-2.019-4.5-4.5S48.519 5 51 5s4.5 2.019 4.5 4.5S53.481 14 51 14zm-20.25 0c-2.481 0-4.5-2.019-4.5-4.5S28.269 5 30.75 5s4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zm40.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.5zm-40.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.5zM10.5 14C8.019 14 6 11.981 6 9.5S8.019 5 10.5 5 15 7.019 15 9.5 12.981 14 10.5 14zm60.75 81c-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.5zM51 95c-2.481 0-4.5-2.019-4.5-4.5S48.519 86 51 86s4.5 2.019 4.5 4.5S53.481 95 51 95zm-20.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.5zM10.5 95C8.019 95 6 92.981 6 90.5S8.019 86 10.5 86s4.5 2.019 4.5 4.5-2.019 4.5-4.5 4.5zM51 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.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.5zm0-20.25C8.019 54.5 6 52.481 6 50s2.019-4.5 4.5-4.5S15 47.519 15 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.5zM94.5 92V8a3 3 0 1 0-6 0v84a3 3 0 1 0 6 0z"
    />
</svg>