.lbcn-story-club{position:relative;isolation:isolate;display:flex;align-items:center;gap:18px;padding:24px;margin:0 0 24px;border-radius:14px;overflow:hidden;background:#0b293f;color:#fff;box-sizing:border-box}
.lbcn-story-club *{box-sizing:border-box}
.lbcn-story-club .lbcn-story-cover{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;margin:0;border:0;border-radius:0}
.lbcn-story-club:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,22,38,.93),rgba(4,22,38,.68))}
.lbcn-story-club .lbcn-story-logo{display:block;flex:0 0 76px;width:76px;height:76px;padding:6px;border-radius:50%;background:#fff}
.lbcn-story-club .lbcn-story-logo img{display:block;width:100%;height:100%;object-fit:contain;margin:0;border:0;border-radius:50%}
.lbcn-story-club .lbcn-story-identity{flex:1;min-width:0;overflow-wrap:anywhere}
.lbcn-story-club .lbcn-story-name{display:block;color:#fff;font-size:24px;font-weight:600;line-height:1.25;text-decoration:none}
.lbcn-story-club .lbcn-story-address{margin:8px 0 0;color:#fff;font-size:14px;line-height:1.5}
.lbcn-story-club .lbcn-story-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;background:#0766df;color:#fff;border:1px solid #ffffff70;border-radius:10px;padding:12px 18px;font-size:14px;font-weight:600;line-height:1.5;text-decoration:none;white-space:nowrap}
.lbcn-story-club .lbcn-story-button:hover{background:#0553b7;color:#fff}
.lbcn-story-club a:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:540px){.lbcn-story-club{gap:12px;padding:20px;flex-wrap:wrap}.lbcn-story-club .lbcn-story-logo{flex-basis:60px;width:60px;height:60px}.lbcn-story-club .lbcn-story-name{font-size:20px}.lbcn-story-club .lbcn-story-button{margin-left:72px}.lbcn-story-club .lbcn-story-address{font-size:13px}}
/* Reserve space for club details instead of squeezing them between controls. */
@media(max-width:700px){
.lbcn-story-club{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:12px 14px;padding:18px}
.lbcn-story-club .lbcn-story-logo{width:56px;height:56px;padding:4px}
.lbcn-story-club .lbcn-story-identity{min-width:0}
.lbcn-story-club .lbcn-story-name{font-size:20px;line-height:1.3}
.lbcn-story-club .lbcn-story-address{font-size:13px;line-height:1.5;margin-top:6px;overflow-wrap:normal;word-break:normal}
.lbcn-story-club .lbcn-story-button{grid-column:1 / -1;width:100%;margin:2px 0 0;min-height:44px;padding:10px 16px}
}