스타일 정리

src/main/resources/static/sass/pages/_apikey-detail.scss

@@ -185,24 +185,9 @@
   }
 }
 
+// Note: .btn-copy styles now in components/_buttons.scss
+// Keeping this for page-specific override if needed
 .btn-copy {
-  display: inline-flex;
-  align-items: center;
-  gap: $spacing-xs;
-  padding: $spacing-sm $spacing-md;
-  background-color: $primary-blue;
-  color: $white;
-  border: none;
-  border-radius: $border-radius-sm;
-  font-size: $font-size-sm;
-  font-weight: $font-weight-semibold;
-  cursor: pointer;
-  transition: all 0.2s;
-
-  &:hover {
-    background-color: $secondary-blue;
-  }
-
   svg {
     width: 16px;
     height: 16px;
@@ -397,79 +382,11 @@
   }
 }
 
+// Note: Button styles now in components/_buttons.scss
+// Keeping page-specific overrides only
 .btn-action,
-.btn-secondary {
-  padding: $spacing-md $spacing-4xl;
-  border-radius: $border-radius-md;
-  font-weight: $font-weight-semibold;
-  font-size: $font-size-base;
-  cursor: pointer;
-  transition: all 0.2s;
-  text-decoration: none;
-  display: inline-block;
-  border: none;
-
-  @media (max-width: $breakpoint-sm) {
-    width: 100%;
-  }
-}
-
-.btn-action {
-  &.btn-primary {
-    background-color: $primary-blue;
-    color: $white;
-
-    &:hover {
-      background-color: $secondary-blue;
-    }
-  }
-
-  &.btn-info {
-    background-color: $accent-cyan;
-    color: $white;
-
-    &:hover {
-      background-color: darken($accent-cyan, 10%);
-    }
-  }
-
-  &.btn-danger {
-    background-color: $accent-orange;
-    color: $white;
-
-    &:hover {
-      background-color: darken($accent-orange, 10%);
-    }
-  }
-}
-
 .btn-secondary,
 .btn-cancel {
-  background-color: $gray-bg;
-  color: $text-dark;
-  border: 1px solid $border-gray;
-
-  &:hover {
-    background-color: $border-gray;
-  }
-}
-
-.btn-cancel {
-  padding: $spacing-md $spacing-4xl;
-  border-radius: $border-radius-md;
-  font-weight: $font-weight-semibold;
-  font-size: $font-size-base;
-  cursor: pointer;
-  transition: all 0.2s;
-  background-color: #FEE2E2;
-  color: #991B1B;
-  border: 1px solid #FCA5A5;
-
-  &:hover {
-    background-color: #FCA5A5;
-    color: #7F1D1D;
-  }
-
   @media (max-width: $breakpoint-sm) {
     width: 100%;
   }