.club{border:1px solid var(--bg-80);padding:24px;border-radius:var(--brd-rad)}.avatar{width:40px;height:40px;border-radius:100%}.top{display:flex;gap:10px}h2,h3,p.location{margin:0}.club h3{font-size:16px;margin-top:4px}p.location{margin-top:8px;font-size:14px;color:var(--clr-60)}.bottom,.top{align-items:center}.bottom img{height:16px}.club span{width:40px}.club button{width:100%;margin-left:10px}.bottom{display:flex;gap:10px}@media(min-width:640px){.club h3{font-size:18px}}section{margin:10vh 5vw;padding:min(8vw,50px)}section:nth-child(2n){background:var(--bg-80);border-radius:25px}section:nth-child(2n) .club{background:var(--bg)}.navigation,.title{display:flex;gap:10px}.navigation{margin:5vh 0 -5vh;justify-content:center}.navigation .chip{font-size:18px;cursor:pointer;transition:.3s}.navigation .chip:hover{border-color:var(--primary);color:var(--primary)}.title{position:relative;flex-direction:column;align-items:flex-start;margin-bottom:20px}span.chip{font-family:var(--primary-font);border:1px solid var(--bg-60);border-radius:50px;padding:4px 8px 1px;margin-bottom:8px;text-transform:capitalize;font-size:15px;color:var(--clr-40)}h2{font-size:40px;flex:1}.action{border:2px solid var(--bg-60);border-radius:100%;padding:8px;margin-bottom:8px;cursor:pointer;transition:.3s;user-select:none}.action:hover{background:var(--bg-60)}.action.left{transform:rotate(-90deg)}.action.right{transform:rotate(90deg)}.clubs-carousel{display:flex;overflow:hidden}.clubs{flex:0 0 100%;display:grid;grid-template-columns:repeat(1,1fr);gap:10px;min-height:250px;transition:.3s ease-in-out}@media(max-width:640px){.actions{position:absolute;right:0;top:-10px}}@media(min-width:640px){.title{align-items:center}.title{flex-direction:row;gap:20px}.clubs{grid-template-columns:repeat(2,1fr)}.avatarw{width:50px;height:50px}}@media(min-width:1024px){.clubs{grid-template-columns:repeat(3,1fr)}}@media(min-width:1536px){.clubs{grid-template-columns:repeat(4,1fr)}}