.wp-block-round-rooms {
    z-index  : 1;
    position : relative;
}
.room_list {
    display   : block;
    width     : 100%;
    max-width : var(--wrapper-width);
    margin    : 60px auto;
    padding   : 0 var(--lateral-gap);
}
.room_list article {
    margin-bottom: 60px;
}
.room_list article .image_wrapper {
    position       : relative;
    height         : 0;
    padding-bottom : 67%;
    overflow       : hidden;
    transition     : all 0.4s ease-in-out;
}
.room_list article .image_wrapper img {
    display         : block;
    width           : 100%;
    height          : 100%;
    object-fit      : cover;
    object-position : center;
    position        : absolute;
    top             : 0;
    left            : 0;
    border-bottom-right-radius: 0;
    transition      : border-bottom-right-radius 0.3s, transform 0.3s;
    transform:scale(1);
}
.room_list article:hover .image_wrapper {
    border-bottom-right-radius: 120px;
    border-bottom-right-radius: 0px;
}
.room_list article:hover .image_wrapper img {
    transform:scale(1.05);
}
.room_list article .meta_wrapper {
    display     : flex;
    flex-wrap   : wrap;
    gap         : 20px;
    font-size   : 15px;
    line-height : 21px;
    color       : var(--primary-color);
    padding     : 22px 15px 20px 26px;
    height      : 61px;
    overflow    : hidden;
    white-space : nowrap;
}
.room_list article .meta_wrapper.is-dark-bg-color {
    color: white;
    svg path {
        fill: white;
    }
}
.room_list article .content_wrapper
{
    padding        : 28px 20px;
    background     : var(--background-color);
    border-top     : 0px;
    display        : flex;
    flex-direction : column;
    gap            : 16px;
}
.room_list article .content_wrapper--title
{
    color          : var(--primary-color);
    font-family    : var(--headings-font);
    font-weight    : 400;
    font-size      : 28px;
    line-height    : 31px;
    margin         : 0;
    padding        : 0px;
    letter-spacing : 0.6px;
}
.room_list article .content_wrapper--title *
{
}
.room_list article .content_wrapper--description
{
    color          : var(--primary-color);
    font-size      : 15px;
    line-height    : 21px;
    font-weight    : 400;
}
.room_list .button_list
{
    display     : flex;
    align-items : baseline;
    gap         : 20px;
    margin      : 0px 0 0 0;
}
@media (max-width: 576px) {
    .room_list .button_list
    {
        flex-direction : column;
        gap            : 4px;
    }
    .room_list .button_list a {
        display    : block;
        box-sizing : border-box;
        width      : 100%;
        text-align : center;
    }
    .room_list .button_list a.round-btn--underline {
        padding    : 14px 20px !important;
        border     : 1px solid var(--cocoa);
        &::after {
            display: none;
        }
    }
}

@media screen and (min-width: 768px) {
    .room_list {
        display               : grid;
        gap                   : 20px;
        grid-template-columns : repeat(2, 1fr);
    }
    .room_list article {
        margin-bottom: 0;
        display: flex;
        flex-direction: column;
        .content_wrapper {
            flex-grow: 1;
        }
    }
    .room_list article .content_wrapper--title {
        font-size      : 30px;
        line-height    : 33px;
        padding-bottom : 10px;
    }
}

@media screen and (min-width: 1024px) {
    .room_list {
        gap: 40px;
    }
}