.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;
}