.hotel1 {
    position: relative;
    font-size: var(--components-button-large-size);
    letter-spacing: .04em;
    font-family: var(--components-button-large);
    color: var(--color-black);
    text-align: left
}

.hotel {
    cursor: pointer;
    border: 0;
    padding: 0;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: var(--gap-5xs)
}

.background {
    position: absolute;
    border-radius: var(--br-base);
    background-color: #ff9b53;
    width: 65.39px;
    height: 65.39px
}

.ticket-icon {
    position: absolute;
    height: 47.93%;
    width: 48.38%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%
}

.attractions1 {
    position: relative;
    font-size: var(--components-button-large-size);
    letter-spacing: .04em;
    font-family: var(--components-button-large);
    color: var(--color-black);
    text-align: center
}

.background1 {
    position: absolute;
    border-radius: var(--br-base);
    background-color: #fdbf00;
    width: 65.39px;
    height: 65.39px
}

.train-icon {
    position: absolute;
    height: 48.43%;
    width: 41.17%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%
}

.background2 {
    position: absolute;
    border-radius: var(--br-base);
    background-color: #4dabff;
    width: 70px;
    height: 65.39px
}

.taxi-icon1 {
    position: absolute;
    height: 40.15%;
    width: 40.52%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%
}

.taxi-icon {
    position: relative;
    width: 70px;
    height: 65.39px
}

.taxi1 {
    position: relative;
    font-size: var(--components-button-large-size);
    letter-spacing: .04em;
    font-family: var(--components-button-large);
    color: var(--color-black);
    text-align: center;
    display: inline-block;
    width: 32.12px
}

.background3 {
    position: absolute;
    border-radius: var(--br-base);
    background-color: #79ca00;
    width: 65.39px;
    height: 65.39px
}

.movie-icon {
    position: absolute;
    height: 35.6%;
    width: 39.93%;
    max-width: 100%;
    overflow: hidden;
    max-height: 100%
}

.trip-menus {
    align-self: stretch;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between
}

.prepare-menu {
    gap: var(--gap-xl)
}