.dateRenderCardContainer{display:flex;flex-direction:column;align-items:center;padding:1rem 2rem;gap:1rem;background-color:var(--primary-light);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:1.5rem;border:.5rem solid var(--border);transition:.2s;&:hover{border-color:var(--border-hover)}}.medium{font-size:2rem;opacity:1;text-transform:capitalize}.large,.medium{text-align:center}.large{font-size:3rem;font-weight:500;color:var(--black);margin-bottom:1rem}.small{font-size:1.5rem;text-align:center;text-transform:uppercase}.dateActive{border:.5rem solid var(--primary);background-color:var(--primary-light-dark);&:hover{border-color:var(--primary)}}.dateActive>.small{opacity:1}.dateActive>.large,.dateActive>.medium,.dateActive>.small{color:var(--primary)}@media screen and (max-width:850px){.dateRenderCardContainer{margin-bottom:6rem}}