.fixed-layout-actions {
    position: fixed;
    top: 50svh;
    right: 0;
    z-index: 1750;
    transform: translateY(-50%);

    .buttons:not(.no-pull) {
        margin-right: -3px;
    }

    .button {
        --border-radius: 9px 0 0 9px !important;
    }

    .button.hover,
    .button:hover,
    .button:focus {
        padding-right: calc(var(--button-padding-x, 16px) * 2) !important;
    }

}


.fixed-layout-bottom {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1755;

    &:not(.is-active) {
        display: none;
    }

    .segment-block.block-wrap {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        --block-padding: 20px;
    }

    @media all and (max-width: 767px) {

        .segment-block.block-wrap {
            --block-padding: 15px;
        }

        .button.large:not(.icon) {
            --button-padding-y: 13px;
            --button-padding-x: 18px;
        }

    }


    .title {
        font-weight: 400;
        font-size: 1.5rem;
    }

    @media all and (max-width: 575px) {

        .title {
            font-size: 1.375rem;
        }


    }

}




.layout-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px 25px;

    .layout-info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: 10px 20px;
        flex: 1 1;
    }

    @media all and (max-width: 767px) {

        .layout-items {
            flex-direction: column;
            gap: 12px 20px;
        }

    }

}