.md-typeset .md-button {
    border: .1rem solid;
    border-radius: .1rem;
    color: var(--md-primary-fg-color);
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: .625em 2em;
    transition: color 125ms, background-color 125ms, border-color 125ms
}

.md-typeset .md-button--primary {
    background-color: var(--md-primary-fg-color);
    border-color: var(--md-primary-fg-color);
    color: var(--md-primary-bg-color)
}

.md-typeset .md-button:focus,
.md-typeset .md-button:hover {
    background-color: var(--md-accent-fg-color);
    border-color: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color)
}

/* original for reference

.md-typeset a {
    color: #e80a0a;
}

.md-typeset .md-button {
    border: .1rem solid;
    border-radius: .1rem;
    color: red;
    border-color: hotpink;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: .625em 2em;
    transition: color 125ms, background-color 125ms, border-color 125ms
}

.md-typeset .md-button--primary {
    background-color: var(--md-primary-fg-color);
    border-color: var(--md-primary-fg-color);
    color: red;)
     box-shadow: 250px 250px black;
}

 .md-typeset .md-button:focus,
 .md-typeset .md-button:hover {
    background-color: var(--md-accent-fg-color);
    border-color: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color)
    
}
*/

/*tweeks*/

/* button links*/
.md-typeset a {
    /*grey-blue*/
    color: #546d78;
}

/*button colours */
.md-typeset .md-button {
    border: .1rem solid;
    border-radius: .1rem;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: .625em 2em;
    transition: color 125ms, background-color 125ms, border-color 125ms
}

.md-typeset .md-button--primary {
    background-color: var(--md-primary-fg-color);
    border-color: var(--md-primary-fg-color);
}

 .md-typeset .md-button:focus,
 .md-typeset .md-button:hover {
    background-color: var(--md-accent-fg-color);
    border-color: var(--md-accent-fg-color);
    color: var(--md-accent-bg-color)
    
}

/* link hover color edited */

.md-typeset .grid.cards > ul > li:hover {

color: #635bff;
}