.proactive_setting {
    width: 328px;
    margin-bottom: 28px;
    display: flex;
    flex-direction: column;
    align-items: center;
    &__header {
      margin-bottom: 10px;
      width: 100%;
      font-size: 1.25rem;
      letter-spacing: 0em;
      font-weight: 600;
    }
    &__outline {
      border: 2px solid #f0f0f0;
      border-radius: 30px;
      width: 100%;
    }
    &__content {
      padding: 0 20px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      margin-top: 18px;
  
      &__row {
        display: flex;
  
        &:last-of-type {
          margin-bottom: 24px;
        }
  
        &__enable {
          width: 70%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
        }
        &__enable_button {
          width: 30%;
          display: flex;
          justify-content: flex-end;
  
          &__container {
            display: inline-block;
            cursor: pointer;
  
            &__switch {
              position: relative;
              width: 57px;
              height: 28px;
              border-radius: 28px;
              display: flex;
              align-items: center;
              background: #F4F4F4;
              &__circle {
                aspect-ratio: 1;
                width: 16px;
                border-radius: 100%;
                position: absolute;
                transition: transform 0.3s;
                margin-left: 5px;
                background: black;
  
                &.on {
                  background: var(--blue);
                  transform: translateX(28px);
                }
              }
            }
          }
        }
      }
    }
  }
  