.wp-block-buttons {
    justify-content: center;
    
    .wp-block-button__link {
        font: var(--font-p);
        font-size: 1.25rem;
        font-weight: 500;
        background-color: var(--color-highlight);
        color: var(--color-white);
        padding: 0.38rem 2.2rem;

        display: inline-flex;    
        align-items: center;    
        gap: 20px;
        
        transition:
            box-shadow 0.3s ease-in-out,
            background-color 0.3s ease-in-out;

        &:hover {
            box-shadow: none;
            text-decoration: none;
            background-color: color-mix(in srgb, var(--color-highlight) 65%, white 15%);
        }
    }
}