Hello,
Try to add the following code snippet to the Custom CSS area in Theme Settings.

body .basel-hover-alt.purchasable .wrapp-swap {
	overflow: visible;
}

body .basel-hover-alt.purchasable .wrapp-swap {
	height: auto;
}

body .basel-hover-alt .wrapp-swap .btn-add,
body .basel-hover-alt .wrapp-swap .price {
	height:auto;
	line-height:1;
}

body .basel-hover-alt .wrapp-swap .price {
	margin-top:2px;
}

body .basel-hover-alt .wrapp-swap .btn-add {
	margin-top:10px;
}

body .basel-hover-alt.purchasable:hover .swap-elements {
transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -o-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -sand-transform: translateY(0px);
}

body .basel-hover-alt .star-rating {
	display: block;
}

Kind Regards
XTemos Studio