.custom-gateway-icon-wrapper {
display: inline-flex;
align-items: center;
position: relative;
}
label[for="payment_method_tubapay2"] {
display:inline-flex !important;
align-items:flex-start !important;
}
.custom-gateway-icon {
max-width: 50px;
margin-right: 10px;
}
.custom-gateway-tooltip-trigger {
display:flex;
justify-content:center;
align-items:center;
font-weight: bold;
font-size:11px;
color: #000;
cursor: pointer;
margin-left:25px;
position: relative;
border:2px solid #000000;
border-radius: 15px;
padding: 5px;
line-height: 10px;
width:6px;
height:6px;
max-width:6px;
max-height:6px;
}
.custom-gateway-tooltip-trigger.mm-show:after {
content:"";
display:block;
width:15px;
height:15px;
rotate:45deg;
background:#f1e9ed;
position:absolute;
bottom:-21px;
z-index:5;
}
.custom-gateway-tooltip-trigger:hover {
color: #005f8d; }
.custom-gateway-tooltip {
display: none;
background:#f1e9ed;
color:#000000;
padding:20px;
border-radius:8px;
font-size:12px;
line-height:18px;
position: absolute;
z-index:6;
top:calc(100% + 7px);
left:50%;
transform:translateX(-50%);
white-space:nowrap;
z-index: 10;
box-shadow:0 1px 2px rgba(0, 0, 0, 0.1);
}
.custom-gateway-tooltip ul {
list-style-type:disc !important;
padding-left:15px !important;
}
.custom-gateway-tooltip ul li {
font-size:12px !important;
line-height:17px !important;
}
.custom-gateway-tooltip ul li::marker {
color:#f73b9b !important;
}
.custom-gateway-tooltip ul li:before,
.custom-gateway-tooltip ul li:after {
display:none !important;
}
.custom-gateway-tooltip strong {
font-weight:bold;
}
.custom-gateway-tooltip.mm-show {
display: block;
}
.custom-gateway-tooltip .mn-tooltip-video-link {
font-weight:bold;
text-align: center;
margin-top: 15px;
}
@media (max-width:767px) {
label[for="payment_method_tubapay2"] {
display:inline !important;
flex-wrap:wrap !important;
width:calc(100% - 28px);
}
.custom-gateway-tooltip {
left:unset;
transform:unset;
right:0;
white-space:unset !important;
position:relative;
top:8px;
margin-bottom:10px;
margin-left:-26px;
width:100%;
}
.custom-gateway-icon-wrapper {
flex-wrap:wrap;
}
li.wc_payment_method.payment_method_tubapay2 {
display:flex !important;
align-items:baseline !important;
flex-wrap:wrap !important;
}
}