/* Put any custom CSS rules here */

/* Style for the Get Embed Ticket Button */
#GetEmbedTicketButton {
    background-color: #cc2b2c !important;
    color: #fff !important; /* Sets the text color to white for better contrast */
    border: none !important; /* Removes the border */
    padding: 10px 20px; /* Adds padding for a better look */
    font-size: 16px; /* Sets the font size */
    cursor: pointer; /* Changes the cursor to a pointer on hover */
    text-align: center; /* Centers the text within the button */
    text-decoration: none; /* Removes underline from text */
    display: inline-block; /* Ensures the button aligns properly */
}

#GetEmbedTicketButton:hover {
    background-color: #b02425 !important; /* Adds a darker shade on hover */
}/* Put any custom CSS rules here */

/* Put any custom CSS rules here */

/* Style for the Add To Calendar Button */
#addeventatc1 {
    background-color: transparent !important; /* Keeps the background transparent */
    color: #cc2b2c !important; /* Sets the text color to red */
    border: none !important; /* Removes the border */
    padding: 10px 20px; /* Adds padding for a better look */
    font-size: 16px; /* Sets the font size */
    cursor: pointer; /* Changes the cursor to a pointer on hover */
    text-align: center; /* Centers the text within the button */
    text-decoration: none !important; /* Removes underline from text */
    display: inline-block; /* Ensures the button aligns properly */
}

#addeventatc1 img {
    filter: brightness(0) saturate(100%) invert(38%) sepia(88%) saturate(4122%) hue-rotate(340deg) brightness(90%) contrast(95%) !important; /* Changes icon color to red */
}

#addeventatc1:hover {
    color: #b02425 !important; /* Changes the text color to a darker red on hover */
}

#addeventatc1:hover img {
    filter: brightness(0) saturate(100%) invert(38%) sepia(88%) saturate(4122%) hue-rotate(340deg) brightness(90%) contrast(95%) !important; /* Keeps icon color the same on hover */
}

/* Style for the Share Button */
.sharebtn {
    background-color: transparent !important; /* Keeps the background transparent */
    color: #cc2b2c !important; /* Sets the text color to red */
    border: none !important; /* Removes the border */
    padding: 10px 20px; /* Adds padding for a better look */
    font-size: 16px; /* Sets the font size */
    cursor: pointer; /* Changes the cursor to a pointer on hover */
    text-align: center; /* Centers the text within the button */
    text-decoration: none !important; /* Removes underline from text */
    display: inline-block; /* Ensures the button aligns properly */
}

.sharebtn img {
    filter: brightness(0) saturate(100%) invert(38%) sepia(88%) saturate(4122%) hue-rotate(340deg) brightness(90%) contrast(95%) !important; /* Changes icon color to red */
}

.sharebtn:hover {
    color: #b02425 !important; /* Changes the text color to a darker red on hover */
}

.sharebtn:hover img {
    filter: brightness(0) saturate(100%) invert(38%) sepia(88%) saturate(4122%) hue-rotate(340deg) brightness(90%) contrast(95%) !important; /* Keeps icon color the same on hover */
    /* Put any custom CSS rules here */

/* Hide the Add To Calendar Button */
#addeventatc1 {
    display: none !important;
}

<script>
  fbq('track', 'Purchase', {
    value: 70,
    currency: 'USD',
  });
</script>
/* Put any custom CSS rules here */

