/* * WayzAway 4J52C-R1 * Final Load More + menu spacing presentation. * * Loaded LAST in so it wins over the existing * member/shared pagination presentation. */ /* --------------------------------------------------------- LOAD MORE Visual target: - same pale-pink pill treatment as supplied Group example - approximately 25% smaller overall - same presentation on member + shared pages --------------------------------------------------------- */ button.load-more-btn, .wz-load-more-button, .wzsc-load-more .wzsc-button, #wzsc-load-more .wzsc-button { box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 104px !important; width: auto !important; min-height: 41px !important; height: 41px !important; padding: 7px 18px !important; margin: 0 !important; border: 1px solid rgba(228, 0, 70, 0.24) !important; border-radius: 999px !important; outline: 0 !important; background: #fff4f7 !important; background-color: #fff4f7 !important; color: #e40046 !important; box-shadow: none !important; font-family: Oxygen, Arial, sans-serif !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1 !important; letter-spacing: 0 !important; text-transform: none !important; text-align: center !important; cursor: pointer !important; } button.load-more-btn:hover, .wz-load-more-button:hover, .wzsc-load-more .wzsc-button:hover, #wzsc-load-more .wzsc-button:hover { border-color: rgba(228, 0, 70, 0.32) !important; background: #fadfe7 !important; background-color: #fadfe7 !important; color: #e40046 !important; box-shadow: none !important; } button.load-more-btn:focus, button.load-more-btn:focus-visible, button.load-more-btn:active, .wz-load-more-button:focus, .wz-load-more-button:focus-visible, .wz-load-more-button:active, .wzsc-load-more .wzsc-button:focus, .wzsc-load-more .wzsc-button:focus-visible, .wzsc-load-more .wzsc-button:active, #wzsc-load-more .wzsc-button:focus, #wzsc-load-more .wzsc-button:focus-visible, #wzsc-load-more .wzsc-button:active { border-color: rgba(228, 0, 70, 0.36) !important; background: #fadfe7 !important; background-color: #fadfe7 !important; color: #e40046 !important; outline: none !important; box-shadow: none !important; } button.load-more-btn:disabled, .wz-load-more-button:disabled, .wzsc-load-more .wzsc-button:disabled, #wzsc-load-more .wzsc-button:disabled { opacity: .55 !important; cursor: wait !important; } /* Prevent Vuetify overlay/underlay from changing pill colour. */ button.load-more-btn > .v-btn__overlay, button.load-more-btn > .v-btn__underlay { opacity: 0 !important; } /* --------------------------------------------------------- THREE-DOT MENU ICON / WORD GAP Vuetify production default is a 32px prepend spacer. Tighten only while on the explicitly requested pages. --------------------------------------------------------- */ body.wz-tight-menu-spacing .v-overlay__content .v-list-item__prepend > .v-icon ~ .v-list-item__spacer { width: 12px !important; }