.radial-container{
    width:700px;
    height:700px;
    margin:auto;
    position:relative;
}

#centerButton{
    position:absolute;
    width:140px;
    height:140px;
    left:280px;
    top:280px;

    border-radius:50%;
    border:none;

    background:linear-gradient(
        45deg,
        #4d7cff,
        #8a4dff
    );

    color:white;
    font-size:24px;
    cursor:pointer;

    display:flex;
    align-items:center;
    justify-content:center;
}

.radial-item{

    position:absolute;

    width:110px;
    height:110px;

    border-radius:50%;

    border:none;

    background:linear-gradient(
        45deg,
        #4d7cff,
        #8a4dff
    );

    color:white;
    cursor:pointer;
}
JavaScript Positioning
const items =
document.querySelectorAll(".radial-item");

const radius = 260;

items.forEach((item,index)=>{

    const angle =
    (index/items.length) *
    Math.PI*2;

    const x =
    Math.cos(angle)*radius;

    const y =
    Math.sin(angle)*radius;

    item.style.left =
    (350+x-55)+"px";

    item.style.top =
    (350+y-55)+"px";

});