#ctabtns{
    display: flex;
    gap: var(--wp--preset--spacing--20);
    justify-content: space-between;
    align-items: center;
    margin-bottom:  var(--wp--preset--spacing--30);
    width: 100%;
     flex-wrap: wrap;


    a{
        display: block;
        flex: 1 1 calc(50% - ( var(--wp--preset--spacing--20) / 2));
        max-width: calc(50% - ( var(--wp--preset--spacing--20) / 2));
        font-weight: 500;
        font-size: 1rem;
        background: var(--wp--preset--color--petrol);
        border-color: var(--wp--preset--color--petrol);
        font-family: var(--wp--preset--font-family--heading);


        &:hover{
            background: var(--wp--preset--color--dark);
            border-color: var(--wp--preset--color--dark);
        }

        
    }

    @media screen and (max-width: 990px){

        flex-wrap: wrap;

            a{
                flex: 1 1 calc(50% - ( var(--wp--preset--spacing--20) / 2));
            }
            
        }

    @media screen and (max-width: 768px){

        flex-wrap: wrap;

        a{
            flex: 1 1 100%;
            max-width: unset;
        }
    }

}