.addProduct{ padding-top: 200px; width: 100%; min-height: 100vh; background: linear-gradient(85.91deg, #096DD9 0%, #40A9FF 100%); display: flex; flex-direction: column; align-items: center; } .addProductCard{ background: #FAFAFA; border-radius: 16px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 32px 64px; gap: 36px; width: 75%; font-family: 'Roboto', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 22px; /* identical to box height, or 157% */ text-align: right; /* Character/Title .85 */ color: rgba(0, 0, 0, 0.85); } .addProductH1{ font-family: 'Roboto'; font-style: normal; font-weight: 500; font-size: 24px; line-height: 32px; color: rgba(0, 0, 0, 0.85) } .addBodyWrapper{ display: flex; flex-direction: row; align-items: center; gap: 50px } .InpWrapper{ display: flex; flex-direction: row; justify-content: space-between; gap: 25px; width: 100%; } .fieldsWrapper{ display: flex; flex-direction: column; align-items: center; gap: 20px } .btn1{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px 36px; filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.016)); border-radius: 16px; border: 1px solid #1890FF; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; /* identical to box height, or 150% */ text-align: center; } .btn2{ display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 5px 36px; filter: drop-shadow(0px 2px 0px rgba(0, 0, 0, 0.016)); border-radius: 16px; background: #1890FF; border: 1px solid #1890FF; font-style: normal; font-weight: 700; font-size: 16px; line-height: 24px; /* identical to box height, or 150% */ text-align: center; /* Character / Primary(inverse) */ color: #FFFFFF; } .addBtnWrapper{ display: flex; flex-direction: row; align-items: center; justify-content: center; gap:25px }