feat: styles

src/ui/Duel/Message/NeosModal/index.scss

@@ -14,8 +14,23 @@
   top: 100% !important;
   bottom: 0 !important;
   transform: translateY(calc(50% - 66px));
+  .ant-modal-body {
+    animation: fadeout 0.3s forwards;
+  }
 }
 
 .neos-modal-wrap {
   pointer-events: none;
 }
+
+@keyframes fadeout {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}

src/ui/Duel/Message/SelectCardsModal/index.tsx

@@ -107,13 +107,9 @@ export const SelectCardsModal: React.FC<SelectCardsModalProps> = ({
       open={isOpen}
       footer={
         <>
-          {cancelable && (
-            <Button danger onClick={onCancel}>
-              {cancelText}
-            </Button>
-          )}
+          {cancelable && <Button onClick={onCancel}>{cancelText}</Button>}
           {finishable && (
-            <Button type="dashed" onClick={onFinish}>
+            <Button type="primary" onClick={onFinish}>
               {finishText}
             </Button>
           )}