.trip-dates{--gap-spacing: 20px;background-color:var(--color-white);border-radius:var(--border-radius-small);margin-top:var(--gap-spacing);padding-top:10px}.trip-dates__header{display:grid;grid-template-columns:54% auto;gap:10px 15px;padding-left:15px;padding-right:15px}@media screen and (min-width: 1024px){.trip-dates__header{display:flex;align-items:center;gap:var(--gap-spacing);padding-left:var(--grid-col-gutter);padding-right:var(--grid-col-gutter)}}.trip-dates__header-label{color:var(--color-gray-600);flex:0 0 calc(50% - var(--gap-spacing));min-width:0;padding-top:var(--gap-spacing);padding-bottom:var(--gap-spacing)}.trip-dates__header-label:nth-child(3){display:none}@media screen and (min-width: 1024px){.trip-dates__header-label:nth-child(3){display:initial;flex:1}.trip-dates__header-label:nth-child(-n+2){flex:0 0 28%}}.trip-dates__departure{border-top:1px solid var(--color-sand);display:grid;grid-template-columns:54% auto;gap:10px 15px;padding:15px}@media screen and (min-width: 1024px){.trip-dates__departure{display:flex;flex-flow:row wrap;align-items:center;gap:var(--gap-spacing);padding-left:var(--grid-col-gutter);padding-right:var(--grid-col-gutter)}}.trip-dates__departure>*{min-width:0;flex:0 0 calc(50% - var(--gap-spacing))}@media screen and (min-width: 1024px){.trip-dates__departure>*{flex:1}.trip-dates__departure>*:nth-child(-n+2){flex:0 0 28%}}@media screen and (min-width: 1024px){.trip-dates__button-wrap{text-align:right}}.trip-dates__button-wrap .btn{padding:12px;width:100%}@media screen and (min-width: 576px){.trip-dates__button-wrap .btn{min-width:122px;width:auto}}@media screen and (min-width: 768px){.trip-dates__button-wrap .btn{font-size:12px;max-height:40px}}.trip-dates__departure-info-tag{color:var(--color-tan-dark);margin-top:4px}