Merge branch 'main' of ssh://18.167.251.121:10002/aidlab/Aida_Purchaser_Front

src/assets/css/style.css

@@ -19,6 +19,7 @@ body,
   width: 100%;
   height: 100%;
   overflow: hidden;
+  font-family: 'KaiseiOpti-Medium';
 }
 @keyframes loading {
   0% {
@@ -106,35 +107,62 @@ body,
   --mosaic-bg-size: 1rem;
   --mosaic-bg-color1: #efefef;
   --mosaic-bg-color2: #fff;
-  background-image: repeating-conic-gradient(var(--mosaic-bg-color1) 0% 25%, var(--mosaic-bg-color2) 0% 50%);
+  background-image: repeating-conic-gradient(
+    var(--mosaic-bg-color1) 0% 25%,
+    var(--mosaic-bg-color2) 0% 50%
+  );
   background-repeat: repeat;
   background-position: 50% 50%;
   background-size: var(--mosaic-bg-size) var(--mosaic-bg-size);
 }
 
-
-.flex{
+.flex {
   display: flex;
 }
-.flex-center{
+.flex-center {
   justify-content: center;
   align-items: center;
 }
-.flex-1{
+.flex-1 {
   flex: 1;
 }
-.flex-col{
+.flex-col {
   flex-direction: column;
 }
-.align-center{
+.align-center {
   align-items: center;
 }
-.space-between{
+.space-between {
   justify-content: space-between;
 }
-.justify-center{
+.justify-center {
   justify-content: center;
 }
-.relative{
+.relative {
   position: relative;
 }
+button[custom],
+button[custom='white'] {
+  min-width: 19.4rem;
+  height: 5rem;
+  padding: 0 1rem;
+  border-radius: 0;
+  border: none;
+  font-family: KaiseiOpti-Bold;
+  font-size: var(--button-font-size, 2rem);
+  color: var(--button-color, #232323);
+  background: var(--button-bgcolor, #fff);
+  cursor: pointer;
+}
+button[custom]:active,
+button[custom='white']:active {
+  background: var(--button-click-bgcolor, #e4e4e4);
+  color: var(--button-click-color, #232323);
+}
+button[custom='black'] {
+  --button-bgcolor: #232323;
+  --button-color: #fff;
+  --button-click-bgcolor: #333;
+  --button-click-color: #fff;
+  --button-font-size: 1.6rem;
+}