.bookingbar {
    padding-top: 0; padding-bottom: 0;
    height: 3em; z-index: 1000;
    position: sticky; /*top: calc(100% - 3em);*/ bottom: 0;
    justify-content: center;
    background-color: #FFFFFF;
}
.bookingbar .button {
    margin: 0;
    white-space: nowrap;
}

.bookingbar + .content_section_edit {display: none;}

@media screen and (max-width:28em){
	.bookingbar .gap_half.row {padding: 0.875em;}
    .bookingbar .gap_half.columns {padding: 0.125em;}
	
	.bookingbar .button {
		font-size: 0.75em;
	}
}


@media screen and (max-width:35em){
    .bookingbar .gap_half.row {padding: 0.75em;}
    .bookingbar .gap_half.columns {padding: 0.25em;}

}

@media screen and (min-width:40em){
    .content {
        padding-bottom: 0;
    }
    .bookingbar {
        position: fixed; width: 100%; height: 100%;
        top: 0; right: 0; pointer-events: none;
        align-items: end; background-color: transparent;
    }
    .bookingbar .content_row {
        width: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: end;
    }
    .bookingbar .button {
        pointer-events: all;
    }
}