body,
span,
p,
a,
button,
input,
button:focus {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    text-decoration: none;
    background: inherit;
    font-family: inherit;
    color: inherit;
    border: inherit;
    margin: inherit;
    padding: inherit;
    height: inherit;
    outline: none;
}

body {
    background: var(--c1);
    color: var(--c4);
    font-family: sans-serif;
}

button:hover {
    cursor: pointer;
}

.courseDetailsLink {
    padding:0;
    margin: 0;
    border:none;
    width: 800px;
    max-width: calc(100vw - 80px);
}

.courseDetailsButton,
.courseDetailsButton:hover,
.courseDetailsButton:active,
.courseDetailsButton:focus {
    background: blue;
    padding: 10px 20px;
    color: white;
    font-weight: bold;
    border-radius: 100px;
    border-radius: 4px;
    width: 800px;
    max-width: calc(100vw - 80px);
}