.radio_btn{
  display: flex;
  align-items: center;
  color: var(--header);
  gap: 0.5rem;
  &.active{
    & .circle{
      border: solid .13rem var(--primary-color);
      opacity: 1;
      & .dot{
        background-color: var(--primary-color);
      }
    }
  }
  & .circle{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    //border: solid .13rem var(--nav-item-hover);
    border: solid .13rem var(--text);
    opacity: 0.5;
    & .dot{
      width: 0.65rem;
      height: 0.65rem;
      border-radius: 50%;
      //background-color: var(--nav-item-hover);
      background-color:transparent;
    }
  }
}
