.calendar-view-mobile{overflow:hidden;width:100%}.calendar-view-mobile .container{display:grid;grid-template-columns:auto auto auto auto;gap:20px;width:auto;overflow:visible}.calendar-view{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;column-gap:20px;margin-bottom:var(--col)}.calendar-view .month{flex-direction:column}.calendar-view .month,.calendar-view .month .header{display:flex;align-items:center;justify-content:center}.calendar-view .month .header{flex-direction:row;column-gap:4px;height:var(--col)}.calendar-view .month .header p{margin:0}.calendar-view .month .header .mth{color:#fff;font-size:35px;font-style:normal;font-weight:900;line-height:145%;letter-spacing:.7px;text-transform:capitalize}.calendar-view .month .header .yr{color:rgba(255,255,255,.42);font-size:16px;font-style:normal;font-weight:700;line-height:145%;letter-spacing:.32px;margin-top:15px}.calendar-view .month .header .today{display:flex;padding:7px 20px;justify-content:center;align-items:center;gap:10px;border-radius:85px;background:#0085ff;color:#fff;font-size:16px;font-style:normal;font-weight:900;line-height:145%;letter-spacing:.32px}.calendar-view .month .activities{display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:20px}.calendar-view .month .more-button:hover{background:#1f232a}.calendar-view .month .more-button{cursor:pointer;margin-top:20px;font-family:Satoshi;display:flex;width:228px;padding:14px 21px;justify-content:space-between;align-items:center;border-radius:10px;border:2.7px solid #242930;background:#15181e}.calendar-view .month .more-button p{margin:0;color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:normal}.calendar-view .month .more-button svg{color:#fff;width:16px;height:16px;flex-shrink:0}