.wrapper-alert {
    @apply w-full h-full fixed bottom-0 right-0 left-0 z-[100000] bg-black bg-opacity-90 hidden;

    .alert-popup {
        @apply mx-auto fixed  bg-white top-1/2 left-1/2  -translate-y-1/2  -translate-x-1/2  max-w-sm;
        @apply w-[85%] md:max-w-4xl rounded-2xl overflow-hidden;

        .close-btn {
            @apply w-12 h-12 flex items-center justify-center z-50 absolute right-2 top-2 text-lg text-secondary-col-1 bg-white rounded-full;

            .atm-icon {
                font-size: 28px;
            }
        }

        picture {
            @apply w-auto h-full md:p-0;

            img {
                @apply w-full;
            }
        }

        .atm-video {
            @apply h-full;
        }

        .content {
            @apply md:flex items-stretch pl-0 max-h-[90vh] md:overflow-auto overflow-y-scroll;

            .alert-block {
                @apply w-full bg-primary;
                flex: 1;

                img {
                    @apply object-cover h-[200px] md:h-full;
                }
                .atm-video {
                    @apply md:h-full h-[200px] pb-0;
                }

                video {
                    @apply object-cover object-[center_center];
                }
            }

            .text {
                @apply py-6 px-6 md:px-8 md:py-16 w-full relative z-10 col-span-2;
                flex: 2;

                h6 {
                    @apply font-semibold;
                }
            }

            .atm-heading{
                @apply text-[1.5rem] leading-8 pr-6 md:pr-0;
            }

            .atm-paragraph p{
                @apply text-md leading-6;
            }

            .atm-icon {
                @apply text-md;
                transition: all 0.3s ease;
            }

            .umbraco-forms-fieldset{
                @apply mb-4 min-w-0;

                .umbraco-forms-field{
                    @apply mb-2;
                }
                .dataconsent{
                     label{
                        font-size: .8rem;
                        line-height: 1rem;
                     }

                     .atm-form-checkbox{
                        @apply gap-4;
                     }
                }
            }
        }

        .extra-info {
            @apply p-8 bg-white text-black;

            .paragraph {
                @apply mb-8;
            }
        }

        &.js--clickable {
            cursor: pointer;
        }

        &:hover {
            @apply no-underline;

            .fa-chevron-right {
                transform: translateX(5px);
            }
        }
    }
}