<button id="qrCode" class="btn btn-outline-primary" style="box-sizing: border-box; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin: 0px; font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); line-height: var(--bs-btn-line-height); text-transform: none; appearance: button; --bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.25rem; --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--color-primary); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: var(--color-primary); --bs-btn-border-radius: 0.25rem; --bs-btn-hover-border-color: var(--color-primary); --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-weight: var(--bs-btn-font-weight); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--color-primary); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--color-primary); --bs-btn-active-border-color: var(--color-primary); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: var(--color-primary); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--color-primary); --bs-gradient: none; position: relative; flex: 1 1 auto;" type="button">رمز QR</button><button class="btn btn-outline-primary rounded-end !dropdown-toggle" style="box-sizing: border-box; border-radius: 0px; font-family: var(--bs-btn-font-family); font-size: var(--bs-btn-font-size); line-height: var(--bs-btn-line-height); text-transform: none; appearance: button; --bs-btn-padding-x: 0.5rem; --bs-btn-padding-y: 0.25rem; --bs-btn-font-size: 0.875rem; --bs-btn-font-weight: 400; --bs-btn-line-height: 1.5; --bs-btn-color: var(--color-primary); --bs-btn-bg: transparent; --bs-btn-border-width: var(--bs-border-width); --bs-btn-border-color: var(--color-primary); --bs-btn-border-radius: 0.25rem; --bs-btn-hover-border-color: var(--color-primary); --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075); --bs-btn-disabled-opacity: 0.65; --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); display: inline-block; padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); font-weight: var(--bs-btn-font-weight); color: var(--bs-btn-color); text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; user-select: none; border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); background-color: var(--bs-btn-bg); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: var(--color-primary); --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb); --bs-btn-active-color: #fff; --bs-btn-active-bg: var(--color-primary); --bs-btn-active-border-color: var(--color-primary); --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: var(--color-primary); --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: var(--color-primary); --bs-gradient: none; position: relative; flex: 1 1 auto; margin: 0px calc(var(--bs-border-width) * -1) 0px 0px;" type="button" data-bs-toggle="dropdown" aria-expanded="false">شارك المنتج</button>