.open-stripe-btn {
    margin: auto;
    display: block;
    padding: 20px 50px;
    background: linear-gradient(45deg, #e30517, #3d3c3b); /* Gradient background */
    color: white; /* Text color */
    font-size: 18px; /* Font size */
    font-weight: bold; /* Bold text */
    border: none; /* Remove default border */
    border-radius: 50px; /* Rounded corners */
    cursor: pointer; /* Pointer cursor on hover */
    transition: transform 0.2s ease, box-shadow 0.3s ease; /* Smooth transition for effects */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
}

.open-stripe-btn:hover {
    transform: translateY(-5px); /* Slightly lift the button */
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Darker shadow on hover */
}

.open-stripe-btn:active {
    transform: translateY(2px); /* Pressed effect */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Reset shadow on click */
}

.open-stripe-btn:focus {
    outline: none; /* Remove focus outline */
    box-shadow: 0 0 5px 3px rgba(0, 123, 255, 0.5); /* Highlight button on focus */
}
.checkout{
    width: 0;
    height: 0;
    left: -100000000px;
    position: absolute;
    visibility: hidden;
}