.club-facilitytypes .facility-type {
    display: block;
    width: 100%;
    height: 100%;
    padding: 10px;
    margin: 0;
    border: 1px solid var(--light-hex);
    border-radius: var(--radius, 0.313rem);
    box-shadow: var(--shadow);
}

    .club-facilitytypes .facility-type .facility-type-icon {
        font-size: 30px;
        color: var(--teal-hex);
    }

    .club-facilitytypes .facility-type.not-available .facility-type-icon {
        color: var(--grey-hex);
    }

    .club-facilitytypes .facility-type .rounded-circle {
        height: 26px;
        width: 26px;
        background-color: var(--teal-hex, #2eb5b2);
        color: var(--white-hex, #ffffff);
    }

        .club-facilitytypes .facility-type .rounded-circle .fal {
            color: var(--light-hex);
            display: flex;
            width: 100%;
            height: 100%;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }

    .club-facilitytypes .facility-type.not-available .rounded-circle {
        color: var(--white-hex, #ffffff);
        background-color: var(--grey-hex);
    }

        .club-facilitytypes .facility-type.not-available .rounded-circle .fal {
            color: var(--ligh-hex);
        }

    .club-facilitytypes .facility-type .facility-type-name {
        color: var(--skobeloff-hex);
        text-align: center;
        bottom: 0;
    }

    .club-facilitytypes .facility-type.not-available .facility-type-name {
        color: var(--grey-hex);
    }