/* Only the added detail link is styled. Existing page styles are unchanged. */
#sonae-wlb-detail-link { all: initial; display: block; box-sizing: border-box; margin: 24px 0 36px; text-align: center; font-family: inherit; }
#sonae-wlb-detail-button { all: initial; display: inline-block; box-sizing: border-box; position: static; width: auto; max-width: 100%; min-height: 56px; height: auto; padding: 14px 24px; border: 2px solid #b8236c; border-radius: 12px; background: #b8236c; color: #fff; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 1.6; text-align: center; text-decoration: none; white-space: normal; overflow-wrap: anywhere; cursor: pointer; vertical-align: middle; }
#sonae-wlb-detail-button::before, #sonae-wlb-detail-button::after { content: none; }
#sonae-wlb-detail-button:hover { background: #981b58; border-color: #981b58; color: #fff; text-decoration: none; }
#sonae-wlb-detail-button:focus-visible { outline: 3px solid #702047; outline-offset: 4px; }
@media (max-width: 575px) { #sonae-wlb-detail-button { padding: 12px 16px; font-size: 15px; } }

/* This list is independent of the site's existing client styles. */
.wlb-partners-list { display: flex; flex-wrap: wrap; justify-content: center; box-sizing: border-box; width: 100%; margin: 0 0 32px; padding: 16px; list-style: none; background: #fff; border: 1px solid #e5dddd; border-radius: 24px; overflow: hidden; }
.wlb-partners-list li { display: flex; align-items: center; justify-content: center; box-sizing: border-box; flex: 0 0 50%; min-width: 0; height: 112px; padding: 16px 12px; }
.wlb-partners-list img { display: block; width: calc(var(--w) * 100%); max-width: 100%; max-height: 100%; height: auto; object-fit: contain; }
@media (min-width: 640px) { .wlb-partners-list li { flex-basis: 33.333333%; height: 128px; padding: 20px 16px; } }
@media (min-width: 1024px) { .wlb-partners-list { padding: 24px; } .wlb-partners-list li { flex-basis: 20%; height: 136px; padding: 20px 16px; } }