Andrew

<svg style="border: 1px solid #000" width="130" height="130" viewBox="0 0 130 130" >
  <defs>
    <path 
          d="M65,65m-50,0a23,23 0 1,1 103,0a23,23 0 1,1 -103,0" fill="transparent" id="tophalf"/>
  </defs>
  
  <circle cx="50%" cy="50%" r="6" fill="#4C6492"/>
  
  <text style="font-size: 14px;" dx="0" letter-spacing="5.7">
    <textPath xlink:href="#tophalf">
      memories that last fomaking
    </textPath>
  </text>
</svg>

.dropdown {
    background: #fff;
}

элемент:focus{
  outline:none;
}

let listCheckbox = document.querySelectorAll('.i-6');
let button = document.getElementById('btn-1');
button.addEventListener('click', function (e) {
for(i=0; i<listCheckbox.length; i++){
let chekcbox = listCheckbox[i].closest('div');
      if (listCheckbox[i].checked === true && listCheckbox[i].value == 1) {
          chekcbox.classList.add("right");
          chekcbox.classList.remove("false");
      } else if (listCheckbox[i].checked === true && listCheckbox[i].value == 0) {
          chekcbox.classList.add("false");
          chekcbox.classList.remove("right");
      }
}
});