.site-main {
    .place {
        & .content {

            & .picture-church {
                width: 100%;
                max-width: 50px;
                height: auto;
                margin-inline: auto;
                transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                opacity: 0;
                transform: translateX(-20px);
            }

            & .picture-church.animate-in {
                opacity: 1;
                transform: translateX(0);
            }

            & .picture-castle {
                width: 100%;
                max-width: 100px;
                height: auto;
                margin-inline: auto;
                transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                opacity: 0;
                transform: translateX(-20px);
            }

            & .picture-castle.animate-in {
                opacity: 1;
                transform: translateX(0);
            }

            & .address {
                transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                opacity: 0;
                transform: translateX(-20px);
            }

            & .address.animate-in {
                opacity: 1;
                transform: translateX(0);
            }

            & .hour {
                transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                opacity: 0;
                transform: translateX(-20px);
            }

            & .hour.animate-in {
                opacity: 1;
                transform: translateX(0);
            }

            & .map {
                display: inline-flex;
                align-items: center;
                text-decoration: none;
                gap: 7px;
                margin-top: 20px;
                padding: 5px 14px;
                font-size: small;
                font-family: sans-serif;
                background-color: #ffffff7b;
                backdrop-filter: saturate(180%) blur(4px);
                color: #323232;
                border-radius: 6px;
                box-shadow: inset 0 0 0.5px 1px hsla(0, 0%, 100%, 0.1),
                0 1px 1px hsl(0deg 0% 0% / 0.03),
                0 2px 2px hsl(0deg 0% 0% / 0.03),
                0 4px 4px hsl(0deg 0% 0% / 0.03),
                0 8px 8px hsl(0deg 0% 0% / 0.03),
                0 16px 16px hsl(0deg 0% 0% / 0.03);
                transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
                opacity: 0;
                transform: translateX(-20px);

                & svg {
                    width: 12px;
                    height: 12px;
                }
            }

            & .map.animate-in {
                opacity: 1;
                transform: translateX(0);
            }
        }
    }
}