html,
body,
input,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}
html,
body,
input {
    padding: 0;
}
html,
body,
input,
canvas,
button {
    font-family: var(--font-saira), sans-serif;
    line-height: var(--standard-line-height);
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-stretch: condensed;
}

.playButton,
.frontend-playButton {
    /* Replication of play button used on the original https://www.podiumbets.com/ (no longer accessible)
    The width of the button is controlled by the container it is used in.

    !important was added as part of ACD-16885 because inline styles get assigned to the play button
    in the current templates, and they would override these styles by default

    Usage: <button type="submit" class="playButton">PLAY</button>
    */
    display: block !important;
    font-size: var(--button-font-size) !important;
    background: var(--play-button-color) !important;
    border-radius: var(--border-radius) !important;
    border: var(--border-width) solid var(--play-button-border-color) !important;
    color: var(--play-button-text-color) !important;
    height: var(--button-height) !important;
}

.offerRowHover:hover .playButton,
.offerRowHover:hover .frontend-playButton {
    animation: var(--standard-button-animation)
}
