.msg-circle{background-color:#0000;border-radius:1000px;width:4px;height:4px;transition:all .5s}.no-circle{background-color:var(--red-1);opacity:.3;border-radius:1000px;width:4px;height:4px;transition:all .5s}.yes-circle{background-color:var(--blue-1);opacity:.3;border-radius:1000px;width:4px;height:4px;transition:all .5s}.msg-box:has(.yes-button:hover,.yes-button:focus) :is(.msg-circle,.yes-circle){background:var(--blue-1);opacity:1}.msg-box:has(.no-button:hover,.no-button:focus) :is(.msg-circle,.no-circle){background:var(--red-1);opacity:1}