Hello, seems like amp support is sparse but I have a co worker who wants the button to overflow over the edge of a table so a user can click it. Unfortunately getting this to work in email is not working on my end.

ALl the demos ive seen for the amp button have it slightly to the left of the edge of the table/element.

Has anyone here made it like a web site where the button goes over the edge of the element? https://ibb.co/9rLg78L that is what it looks like now - it disappears unfortunately. Below is my css thanks so much!

.amp-carousel-button {
top: 160px;
cursor: pointer;
border-radius: 50%;
background-color: #F0EEEB;
height: 50px;
width: 50px;
}

.amp-carousel-button:focus {
outline: none;
border: none;
}

.amp-carousel-button-prev {
left: 0;
background-image: url("https://cdn.braze.eu/appboy/communication/assets/image_assets/images/604a69eb6242a15aa376f6e6/original.png?1615489515");
background-size: 12px 12px;
}

.amp-carousel-button-next {
right: -20px;
background-image: url("https://cdn.braze.eu/appboy/communication/assets/image_assets/images/604a69eb3cf3a07fd45cc2b0/original.png?1615489515");
background-size: 12px 12px;
overflow:visible;
}