Half Circle Left and Right Buttons for Carousel Navigation

Half Circle Left and Right Buttons for Carousel Navigation

CSS code:

.arrow-buttons button{
 background: black;
 opacity: 0.8;
 color:  #ffd000;
 height: 64px !important;
 width: 48px !important;
 min-width: 0;
 top: 50% !important;
 transform: translateY(-50%);
 border-radius: 32px;
 box-shadow: 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%), 0 11px 15px -7px rgb(0 0 0 / 20%);
}
.arrow-buttons button sh-icon{
 width: 30px !important;
 height: 30px !important;
}
copy the CSS code to your Carousel Styles section

Preview: