.wp-block-amphibee-push-demo {
    margin: 0 !important;
}

.wp-block-amphibee-push-demo.has-top-radius::before {
    background-color: var(--gbg-color-light) !important;
}

.wp-block-amphibee-push-demo.alignwide,
.wp-block-amphibee-push-demo:not(.alignwide) .push-demo-wrapper{
    max-width: 1000px;
    margin: auto;
}

.wp-block-amphibee-push-demo {
    padding: 0 !important;
    background-color: var(--gbg-color-secondary);
    background-image: linear-gradient(to bottom, var(--gbg-color-light) 38%, rgba(0, 0, 0, 0) 20%);
}

@media screen and (min-width: 998px) {
    .wp-block-amphibee-push-demo {
        background-image: linear-gradient(to bottom, var(--gbg-color-light) 50%, rgba(0, 0, 0, 0) 20%);
    }
}

.wp-block-amphibee-push-demo:not(.alignwide).wp-block {
    max-width: inherit;
}

.wp-block-amphibee-push-demo .push-demo-wrapper {
    padding: 0 20px 96px 20px;
}

.wp-block-amphibee-push-demo .push-demo-content .wp-block-heading,
.wp-block-amphibee-push-demo .push-demo-content p {
    color: var(--gbg-color-light) !important;
}

.wp-block-amphibee-push-demo .push-demo-wrapper {
    display: flex;
    flex-direction: column;
}

@media screen and (min-width: 998px) {
    .wp-block-amphibee-push-demo .push-demo-wrapper {
        flex-direction: row;
        align-items: center;
        gap: 0;
        padding: 80px 16px;
    }
}

/* Image area */
.wp-block-amphibee-push-demo .push-demo-media {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(112px);
}

.wp-block-amphibee-push-demo .push-demo-media img {
    width: auto;
    object-fit: cover;
    max-width: 100%;
    height: auto;
    border-radius: var(--gbg-border-radius-xl);
    max-height: 380px;
    aspect-ratio: 73/100;
}

@media screen and (min-width: 998px) {
    .wp-block-amphibee-push-demo .push-demo-media {
        flex-basis: fit-content;
        transform: translateY(0);
    }

    .wp-block-amphibee-push-demo .push-demo-media img{
        max-height: 560px;
    }
}

/* Content area */
.wp-block-amphibee-push-demo .push-demo-content {
    flex: 1;
    background-color: var(--gbg-color-primary);
    border-radius: var(--gbg-border-radius-xl);
    padding: 144px 24px 32px 24px;
}

@media screen and (min-width: 998px) {
    .wp-block-amphibee-push-demo .push-demo-content {
        border-radius: 0 var(--gbg-border-radius-xl) var(--gbg-border-radius-xl) 0;
        padding: 88px;
    }

    .wp-block-amphibee-push-demo .push-demo-content .wp-block-heading {
        text-wrap: balance;
    }
}


/* Styles for inner blocks */
.wp-block-amphibee-push-demo .push-demo-content .wp-block-heading,
.wp-block-amphibee-push-demo .push-demo-content .wp-block-heading strong,
.wp-block-amphibee-push-demo .push-demo-content .wp-block-heading b {
    color: var(--gbg-color-light) !important;
    margin-top: 0;
    margin-bottom: 16px;
    letter-spacing: 0;
    line-height: 1 !important;
}

.wp-block-amphibee-push-demo .push-demo-content .wp-block-heading:not([class*="-font-size"]):not([style*="font-size"]) {
    font-size: clamp(36.8px, 5vw, 56px) !important;
}

.wp-block-amphibee-push-demo .push-demo-content .wp-block-heading strong,
.wp-block-amphibee-push-demo .push-demo-content .wp-block-heading b {
    color: var(--gbg-color-light-citron) !important;
}

.wp-block-amphibee-push-demo .push-demo-content p {
    font-size: clamp(18px, 4vw, 20px);
    line-height: 1.25;
    margin-bottom: 0;
}

.wp-block-amphibee-push-demo .push-demo-content .wp-block-buttons .wp-element-button {
    padding: 12px 24px !important;
    border-radius: 9999px;
    font-size: var(--gbg-font-size-xl);
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--gbg-color-primary);
    margin-top: 32px;
    transition: background-color .3s ease;
}

@media screen and (min-width: 998px) {
    .wp-block-amphibee-push-demo .push-demo-content .wp-block-buttons .wp-element-button {
        padding: 16px 32px !important;
    }
}