src/components/Form/DateRange/DateRange.scss
.daterange {
display: flex;
margin-top: 2rem;
padding-left: 0;
padding-right: 0;
.from-label {
font-weight: 900;
margin-bottom: 1rem;
}
.arrow {
width: 5rem;
text-align: center;
padding-top: 7rem;
font-size: 2.5rem;
}
.or-present {
width: 10%;
display: flex;
align-items: center;
padding-top: 2rem;
}
.from-present {
text-align: center;
width: 3rem;
}
.present label {
width: auto;
}
.present .checkbox {
margin: 0;
}
}
@media all and (max-width: 1200px) {
.daterange {
flex-direction: column;
.arrow {
display: none;
}
}
}