내 정보 관리 - 스타일 적용

src/main/resources/static/sass/components/_forms.scss

@@ -581,9 +581,7 @@ select.form-control {
   justify-content: center;
   gap: $spacing-md;
   flex-wrap: wrap;
-  margin-top: $spacing-4xl;
   padding-top: $spacing-2xl;
-  border-top: 1px solid $border-gray;
 
   @include respond-to('sm') {
     flex-direction: column-reverse;
@@ -622,6 +620,64 @@ select.form-control {
     margin-top: $spacing-2xl;
     padding-top: $spacing-lg;
   }
+
+  // Modifier: with withdrawal link layout
+  // [회원탈퇴(좌측)] <-- 공백 --> [버튼][버튼](가운데)]
+  &--with-withdrawal {
+    position: relative;
+    justify-content: center;
+
+    .withdrawal-link {
+      position: absolute;
+      left: 0;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      gap: 3px;
+      width: 150px;
+      padding: $spacing-sm;
+      background: #E5F2F8;
+      border-radius: $border-radius-lg;
+      color: #5F666C;
+      font-size: $font-size-base;
+      font-weight: $font-weight-regular;
+      text-decoration: none;
+      cursor: pointer;
+      transition: $transition-base;
+
+      &:hover {
+        background: darken(#E5F2F8, 5%);
+      }
+
+      img {
+        width: 22px;
+        height: 22px;
+        object-fit: contain;
+      }
+
+      @include respond-to('sm') {
+        position: static;
+        width: 100%;
+        order: 1;
+      }
+    }
+
+    .form-actions-buttons {
+      display: flex;
+      gap: $spacing-md;
+
+      @include respond-to('sm') {
+        flex-direction: column-reverse;
+        width: 100%;
+        gap: $spacing-sm;
+      }
+    }
+
+    @include respond-to('sm') {
+      flex-direction: column;
+      gap: $spacing-md;
+    }
+  }
 }
 
 // Centered form actions (alias)