/* Add custom CSS styles below */ 

/* Basic button styling */

.confirm-payment-button {

background-color: #000000; /* Main background color */

color: white; /* Text color */

padding: 15px 32px; /* Inner spacing */

text-align: center; /* Text alignment */

font-size: 16px; /* Font size */

margin: 4px 2px; /* Outer margins */

border: none; /* Remove border */

border-radius: 5px; /* Rounded corners */

cursor: pointer; /* Cursor pointer on hover */

transition: background-color 0.3s ease; /* Smooth transition for color change */

}


/* Change button color on hover */

.confirm-payment-button:hover {

background-color: #333333; /* Background color on hover */

}


.product-card__promotion{

top: .5rem !important;

bottom: unset !important;

left: 0 !important;

right: unset !important;

}