How do I customise the added to cart drop down

[CameronO]

When I add an item in my store to cart there is an animation/drop-down which appears stating that I have added the item to cart. However, this hasn't been customised and does not fit with the theme of my store, the button borders are to thick etc. So I was wondering where I can customise this part of my store.

[BSS-TekLabs]

- Here is the solution for you @CameronO 
- Please follow these steps:

- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

 

#cart-notification-button {
     background: black !important;
    border: 2px solid white !important;
}
.button--secondary:after {
    --border-opacity: white !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[CameronO]

Thank you, and how would I make the Checkout button this colour#8C80DD and the checkout text white

[BSS-TekLabs]

#cart-notification-form .button--primary{
     background: #8C80DD !important;
    color: white !important;
}
#cart-notification-form .button--primary::after {
    box-shadow: none !important;
}

Can you add more this code @CameronO 

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.