.bonita-join-button{display:inline-flex!important;align-items:center;justify-content:center;gap:15px;padding:12px 20px!important;border-radius:30px;background:#2e3027;color:#fff!important;font-size:13px!important;text-decoration:none!important;line-height:1.4!important;font-weight:600}.bonita-join-button span{color:#e2c18b}.bonita-join-dialog{font-family:inherit;color:#282c22;background:#fcfaf4;border:0;border-radius:26px;padding:45px;width:min(1000px,calc(100vw - 36px));max-height:90dvh;overflow:auto;box-sizing:border-box;box-shadow:0 20px 100px #0003}.bonita-join-dialog::backdrop{background:#2a2c2173;backdrop-filter:blur(5px)}.bonita-join-close{position:absolute;top:18px;right:20px;border:0;background:transparent;font-size:27px;cursor:pointer;color:#7c7c6b}.bonita-join-eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#a1793b}.bonita-join-dialog h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:15px 0}.bonita-join-dialog p{font-size:14px;color:#7e7c70;line-height:1.7}.bonita-join-categories{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:30px 0}.bonita-join-categories a{display:flex;flex-direction:column;padding:25px 18px;border:1px solid #e2decf;border-radius:18px;text-decoration:none;color:#33362b;background:#fffdf8;transition:transform .2s,border .2s}.bonita-join-categories a:hover{transform:translateY(-4px);border-color:#7e866c}.bonita-join-categories a>span{font-size:40px;color:#a48953;height:90px}.bonita-join-categories strong{font-size:17px;line-height:1.4}.bonita-join-categories small{font-size:11px;color:#898574;margin-top:8px;line-height:1.5}.bonita-join-dialog p.bonita-join-note{font-size:11px}.bonita-join-dialog :focus-visible,.bonita-join-button:focus-visible{outline:3px solid #aa812f;outline-offset:5px}@media(max-width:750px){.bonita-join-dialog{padding:36px 24px}.bonita-join-dialog h2{font-size:27px}.bonita-join-categories{grid-template-columns:repeat(2,1fr)}.bonita-join-categories a>span{height:55px;font-size:30px}}@media(prefers-reduced-motion:reduce){.bonita-join-categories a{transition:none}}
.bonita-join-categories a>span[data-join-art]{height:140px;margin:-15px -10px 15px}.bonita-join-categories svg{width:100%;height:100%;overflow:visible}.bonita-join-categories a>span[data-join-art]+strong{margin-top:0}@media(max-width:750px){.bonita-join-categories a>span[data-join-art]{height:105px;margin-bottom:10px}}