@import 'variables';

.availability {
    position: absolute;
    bottom: 0;
    background: rgba($brand-light, .8);
    border-radius: .25rem;
    color: $brand-grey-light;
    z-index: 2;
    padding: $spacer / 2;
    display: block;
    transition: opacity .2s ease-out;

    p { margin-bottom: 0; }

    &.available {
        color: $brand-main;
        position: fixed;
        bottom: $spacer;
    }

    a {
        border-bottom: 1px solid rgba($brand-cyan, .4);
    }
}