.lead {
    font-size: clamp(1rem, 1.143vw + 1rem, 2rem);
    line-height: clamp(1.25rem, 1.429vw + 1.25rem, 2.5rem);
    margin-bottom: 0.78125em;
}

.btn-primary {
    a {
        background-color: #d52b1e;
        border-color: #d52b1e;
        border-radius: 0.5rem;
        color: #ffffff;
        font-size: 1.125rem;
        font-weight: bold;
        font-family: "ff-scala-sans-web", sans-serif;
        letter-spacing: 1px;
        padding: 0.75rem 1rem 0.5rem 1rem;
        text-decoration: none;
        text-transform: uppercase;
    }

    a:hover {
        background-color: #bf261b;
        border-color: #bf261b;
    }
}

.highlight-yellow {
    background-color: #FFEB3B; /* A vibrant yellow */
    padding: 0.2em 0.4em;      /* Adjust padding as desired */
    border-radius: 0.2em;      /* Optional: rounds the corners */
    display: inline;          /* Ensures the highlight wraps only the text */
}