.working-hours-cta{
    container-type: inline-size;
    container-name: working-hours-cta;
    margin-block-start: var(--wp--custom--spacing--gap);
        .working-hours-cta-inner{
            padding:30px 37px;
            background-color: var(--wp--preset--color--tertiary);
            color:#fff;
            border-radius: 8px;
            *{
                color: #fff !important;
            }
        }
        .wp-block-buttons{
            margin-top: 30px;
            .is-style-ams-outline{
                .wp-block-button__link{
                    color: #fff !important;
                }
            }
        }
        .top-row{
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            align-items: flex-start;
            justify-content: space-between;
            gap: 12px;
            font-family: var(--wp--preset--font-family--lato);
            font-size: 16px;
            font-weight: 700;
              .phone-number{
                 padding-left:30px;
                 position: relative;
                    &::before{
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        transform: translateY(8px);
                        width: 16px;
                        height: 16px;
                        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.125 0.781363L6.375 3.78136C6.59375 4.28136 6.46875 4.87511 6.03125 5.21886L4.5 6.50011C5.53125 8.68761 7.3125 10.4689 9.5 11.5001L10.7812 9.96886C11.125 9.53136 11.7188 9.40636 12.2188 9.62511L15.2188 10.8751C15.8125 11.0939 16.0938 11.7501 15.9375 12.3439L15.1875 15.0939C15.0312 15.6251 14.5625 16.0001 14 16.0001C6.25 16.0001 0 9.75011 0 2.00011C0 1.43761 0.375 0.968863 0.90625 0.812613L3.65625 0.0626127C4.25 -0.0936373 4.90625 0.187613 5.125 0.781363Z' fill='%2395BFDE'/%3E%3C/svg%3E");
                    }
                    a{
                        text-decoration: none;
                        &:hover{
                            text-decoration: underline;
                        }
                    }
              }
              .working-hours{
                padding-left:30px;
                position: relative;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: flex-start;
                justify-content: space-between;
                gap: 20px;
                    &::before{
                        content: "";
                        position: absolute;
                        left: 0;
                        top: 0;
                        transform: translateY(8px);
                        width: 16px;
                        height: 16px;
                        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16C3.5625 16 0 12.4375 0 8C0 3.59375 3.5625 0 8 0C12.4062 0 16 3.59375 16 8C16 12.4375 12.4062 16 8 16ZM7.25 3.75V8C7.25 8.25 7.375 8.5 7.5625 8.625L10.5625 10.625C10.9062 10.875 11.375 10.7812 11.625 10.4375C11.8438 10.0938 11.75 9.625 11.4062 9.375L8.75 7.625V3.75C8.75 3.34375 8.40625 3 8 3C7.5625 3 7.25 3.34375 7.25 3.75Z' fill='%2395BFDE'/%3E%3C/svg%3E");
                    }
                    .day, .hours {
                        display: block;
                    }
              }
        }
}

@container working-hours-cta (width <= 575px){
    .working-hours-cta{
        .top-row{
            flex-direction: column;
            align-items: flex-start;
            gap: 10px;
        }
    }
}  

@container working-hours-cta (width <= 410px){
    .working-hours-cta{
        .top-row{
            .working-hours{
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
            }
        }
    }
}