.read-learn,
.skip-link:focus-visible {
    font-family: var(--dmns-heading-font);
    text-transform: uppercase;
    font-weight: bold;
    color: black;
    background-color: var(--dmns-corporate-blue);
}

    .read-learn:hover, read-learn:focus, .read-learn:active,
    .skip-link:focus-visible:hover {
        background-color: var(--dmns-blue-hover);
        /*        border: 2px solid #000000;*/
        color: #FFFFFF;
        transition: background-color .3s;
    }

/*
  $grid-breakpoints: (
    xs: 0,
    sm: 576px,
    md: 768px,
    lg: 992px,
    xl: 1200px,
    xxl: 1400px
  );
*/