.modena_locality_tabs {
display: inline-flex;
background: #F4F6F8;
border-radius: 10px;
padding: 4px;
margin: 0 0 14px;
gap: 2px;
}
.modena_locality_tab {
background: transparent;
border: 0;
padding: 8px 16px;
font-size: 13px;
font-weight: 500;
color: #4A5568;
border-radius: 8px;
cursor: pointer;
transition: background 120ms ease, color 120ms ease, box-shadow 120ms ease;
line-height: 1.2;
}
.modena_locality_tab:hover { color: #1A202C; }
.modena_locality_tab_active {
background: #FFFFFF;
color: #1A202C;
box-shadow: 0 1px 2px rgba(0,0,0,0.06);
}
.modena_locality_tab:focus-visible {
outline: 2px solid #20DFAC;
outline-offset: 2px;
}
div.modena_banklinks {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
div.modena_banklink {
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
height: 100px;
width: 100px;
background-color: #FFFFFF;
border-radius: 10px;
border: thin solid rgba(0,0,0,0.1);
transition: all 120ms ease-in-out;
}
div.modena_banklink:not(.modena_banklink_checked):hover {
background-color: #F6FDFB;
border: 1px solid rgba(0,0,0,0.12);
}
div.modena_banklink_checked {
background-color: #DFFAF2;
border: 1px solid #20DFAC;
}
div#payment div[id^="modena_banklinks_option"] img.modena_banklink_img {
max-width: 100%;
max-height: 100%;
margin: 0;
}
a.modena_service_info {
font-size: 12px;
color: #aaaaaa;
}
.payment_methods li[class*="payment_method_modena"]:not(.payment_method_modena_direct) label img {
max-width: calc(100% - 32px);
float: none;
display: inline;
vertical-align: middle;
}
.payment_methods li[class*="payment_method_modena"] label {
vertical-align: middle;
}