Hello, i tried uploading a custom stylesheet to style by button but the image i have provided in my style sheet is not being displayed the default one is displayed as well as the button increases in size instead of maintaining the size i had set during customization. My css below:

sntch_button

{
width: 62px !important;
height: 62px !important;
right: 10px !important;
bottom: 10px !important;
background-image: url(https://www.carfordrivingtest.com/assets/images/boticon.png) !important;
background-size: cover !important;
background-position: center center !important;
border-radius: 50% !important;
}
#sntch_webchat iframe {
width: 350px !important;
height: 450px !important;
}

sntch_webchat {

width: 350px !important;
height: 450px !important;
bottom: 10px !important;
right: 10px !important;
border-radius: 20px 20px 0px 0px !important;
box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px !important;

}
#sntch_close {
top: 12px !important;
right: 8px !important;
width: 40px !important;
height: 40px !important;
font-size: 26px !important;
line-height: 40px !important;
color: rgb(255, 255, 255) !important;
text-align: center !important;
cursor: pointer !important;
}