.col-12.m-0.p-0 {position: relative;}
.bannerButtonGroup {position: absolute;z-index: 1;display: flex;gap: 10px;padding: 5px;flex-direction: row;align-items: center;}
.button {padding: 10px 20px;text-decoration: none;border-radius: 4px;font-size: 14px;white-space: nowrap;text-align: center;display: block;}
.button:hover {text-decoration: none !important;}
.bannerButtonBottomCenter {bottom: 5%;left: 50%;transform: translateX(-50%);}
.bannerButtonBottomLeft {bottom: 5%;left: 5%;}
.bannerButtonBottomRight {bottom: 5%;right: 5%;}
.bannerButtonTopCenter {top: 5%;left: 50%;transform: translateX(-50%);}
.bannerButtonTopLeft {top: 5%;left: 5%;}
.bannerButtonTopRight {top: 5%;right: 5%;}
.btnVerticalGroup {flex-direction: row;align-items: flex-start;}
.btnHorizontolGroup {
    flex-direction: row;
    align-items: flex-end;
    transform: rotate(90deg);

}
    .btnHorizontolGroup .btnHorizontol {
        transform:none;
    }
.bannerButtonBottomCenter.btnHorizontolGroup {bottom: 20%;}
.bannerButtonBottomLeft.btnHorizontolGroup{bottom:20%; left:0px;}
.bannerButtonBottomRight.btnHorizontolGroup{bottom:20%; right:0px;}
.bannerButtonTopCenter.btnHorizontolGroup{top:20%;}
.bannerButtonTopLeft.btnHorizontolGroup{ top:20%; left:0px;}
.bannerButtonTopRight.btnHorizontolGroup{top:20%; right:0px;}



.bannerButtonBottomCenter.btnVerticalGroup, .bannerButtonTopCenter.btnVerticalGroup {
    align-items: center;
}
.bannerButtonBottomRight.btnVerticalGroup,.bannerButtonTopRight.btnVerticalGroup {align-items: flex-end;}
@media only screen and (max-width:992px) {
.btnVerticalGroup {flex-direction: column;}
.button {width:auto !important; height:auto !important;}

}
@media only screen and (max-width:767px) {
.btnVerticalGroup {flex-direction: column;}
.button {font-size:11px;padding:6px;}
.bannerButtonBottomLeft {left: 1%;}
.bannerButtonBottomRight {right: 1%;}
.bannerButtonTopLeft {left: 1%;}
.bannerButtonTopRight {right: 1%;}
.bannerButtonBottomLeft.btnHorizontolGroup{left:-10%;}
.bannerButtonBottomRight.btnHorizontolGroup{right:-10%;}
.bannerButtonTopLeft.btnHorizontolGroup{ left:-10%;}
.bannerButtonTopRight.btnHorizontolGroup{right:-10%;}
}