Connection

<div></div>
<style>
  body {
    background: #3f4869;
    display: grid;
    place-content: center;
  }
  div {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: radial-gradient(circle, #f4da64 0 39px, #3f4869 40px);
    border: 20px solid #f4da64;
    border-left-color: #3f4869;
  }
  div::after,
  div::before {
    content: '';
    top: 50%;
    height: 20px;
    background: #f4da64;
    position: absolute;
    translate: -50% -50%;
  }

  div::after {
    width: 80px;
    height: 20px;
  }

  div::before {
    width: 30px;
    right: 85px;
  }
</style>