.available-hour-btn[data-v-0884cceb]{background-color:color-mix(in srgb, var(--slot-color) 12%, transparent);border:1.5px solid color-mix(in srgb, var(--slot-color) 42%, transparent);color:color-mix(in srgb, var(--slot-color) 55%, #18100a)}.available-hour-btn[data-v-0884cceb]:hover,.available-hour-btn[data-v-0884cceb]:active{background:linear-gradient(135deg, var(--slot-color), color-mix(in srgb, var(--slot-color) 86%, #000));color:#fff;border-color:#0000;transform:translateY(-2px)}.available-hour-btn[data-v-0884cceb]:focus-visible{outline:2px solid color-mix(in srgb, var(--slot-color) 70%, #000);outline-offset:2px}.available-hour-btn .slot-price[data-v-0884cceb]{color:inherit}.dark .available-hour-btn[data-v-0884cceb]{background-color:color-mix(in srgb, var(--slot-color) 22%, transparent);border-color:color-mix(in srgb, var(--slot-color) 50%, transparent);color:color-mix(in srgb, var(--slot-color) 32%, #fff)}.dark .available-hour-btn[data-v-0884cceb]:hover,.dark .available-hour-btn[data-v-0884cceb]:active{color:#fff}.available-hour-btn.is-surge[data-v-0884cceb]:hover,.available-hour-btn.is-surge[data-v-0884cceb]:active{color:#2a1c00}.dark .bg-gray-750[data-v-d3a85217]{background-color:#3741514d}