div.form-container {
    background: transparent !important;
    box-shadow: none;
    max-width: 40rem;
}

#buk-step-3, #buk-step-4 {
    margin-bottom: 3rem !important;
    box-shadow: 10px 10px 14px #ddd;
    background: white;

    border-radius: 0.6rem;
    padding: 2rem;

    > h2, > #buk-summary > h3 {
        margin: -2rem;
        margin-bottom: 3rem;
        color: white;
        padding: 0.5rem 2rem;
        background-image: linear-gradient(to right, oklch(0.488 0.243 264.376) 0%, oklch(0.511 0.096 186.391) 100%) !important;
        border-top-left-radius: 0.6rem;
        border-top-right-radius: 0.6rem;
    }
    label {
        line-height: 150%;
    }
    input {
        margin-bottom: 1rem;
    }
}

button, .buk-next-step, .buk-prev-step, .buk-widget button[type="submit"] {
    background-image: linear-gradient(to right, oklch(0.488 0.243 264.376) 0%, oklch(0.511 0.096 186.391) 100%) !important;
    text-transform: none;
    font-size: 0.75rem;
    letter-spacing: 1px;
    font-weight: 300;
}

.element-image {
    margin: calc(-1 * var(--img-radius));

    img {
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
    }
}

.buk-widget .buk-selection-list label:has(input[type="radio"]:checked) {
    outline: 2px solid forestgreen;
    /*background-image: linear-gradient(to right, #B3BDDB 0%, #A1FCF5 100%) !important;*/
}


.buk-widget .buk-selection-list label {
    margin-bottom: 3rem !important;
    box-shadow: 10px 10px 14px #ddd;
    background: white;

    border-radius: 0.6rem;
}
.buk-rent-now {
    display: block !important;
    border-radius: 0.5rem;
    margin: 0.5rem !important;
    width: calc(100% - 1rem);
}
.buk-element-content {
    padding: 0 !important;
}
.buk-widget .buk-element-content .element-name {
    order: -2;
    position: relative;
    color: white;
    padding: 0.5rem .25rem 0 2.5rem;
    background: linear-gradient(to right, oklch(0.546 0.245 262.881) 0%, oklch(0.6 0.118 184.704) 100%);

    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}

.buk-widget .buk-element-content .element-name::before {
    content: '';
    position: absolute;
    left: 0.6rem;
    top: 0.4rem;
    width: 1.4rem;
    height: 2.5rem;
    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 6C17.1046 6 18 5.10457 18 4C18 2.89543 17.1046 2 16 2C14.8954 2 14 2.89543 14 4C14 5.10457 14.8954 6 16 6ZM13.2428 5.52993C13.5738 5.61279 13.8397 5.85869 13.9482 6.18222C14.13 6.72461 14.3843 7.20048 14.697 7.59998C15.5586 8.70094 16.9495 9.32795 18.8356 9.01361C19.3804 8.92281 19.8956 9.29083 19.9864 9.8356C20.0772 10.3804 19.7092 10.8956 19.1644 10.9864C17.0282 11.3424 15.1791 10.7992 13.8435 9.60462L11.1291 11.9869L12.7524 13.8413C12.912 14.0236 13 14.2577 13 14.5V19C13 19.5523 12.5523 20 12 20C11.4477 20 11 19.5523 11 19V14.8759L8.9689 12.5556L8.92455 12.5059C8.68548 12.2386 8.28531 11.7911 8.11145 11.2626C8.00463 10.9379 7.97131 10.5628 8.08578 10.1667C8.1967 9.78279 8.42374 9.45733 8.7058 9.18044L8.71971 9.16705L12.3134 5.77299C12.5614 5.53871 12.9118 5.44708 13.2428 5.52993ZM2 17C2 15.3431 3.34315 14 5 14C6.65685 14 8 15.3431 8 17C8 18.6569 6.65685 20 5 20C3.34315 20 2 18.6569 2 17ZM5 12C2.23858 12 0 14.2386 0 17C0 19.7614 2.23858 22 5 22C7.76142 22 10 19.7614 10 17C10 14.2386 7.76142 12 5 12ZM16 17C16 15.3431 17.3431 14 19 14C20.6569 14 22 15.3431 22 17C22 18.6569 20.6569 20 19 20C17.3431 20 16 18.6569 16 17ZM19 12C16.2386 12 14 14.2386 14 17C14 19.7614 16.2386 22 19 22C21.7614 22 24 19.7614 24 17C24 14.2386 21.7614 12 19 12Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center / contain;
    pointer-events: none;
}

.buk-widget .buk-element-content .element-description {
    order: -1;
    color: white;
    padding: 0 2rem 1rem 2.5rem;
    font-size: 0.8rem;
    background: linear-gradient(to right, oklch(0.546 0.245 262.881) 0%, oklch(0.6 0.118 184.704) 100%);
}

.buk-widget .element-params ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    font-weight: 400;
    margin-left: .5rem !important;
    margin-right: .5rem !important;
    margin-bottom: .5rem !important;

    .param-value {
        font-size: 0.85rem;
        font-weight: 500;
    }
    li {
        font-size: 0.75rem;
        border-color: oklch(0.932 0.032 255.585);
        background-color: oklch(0.97 0.014 254.604);
    }
    li.param-value-only {
        border-color: oklch(0.6 0.118 184.704);
        background-color: oklch(0.97 0.014 254.604);
    }
}
