body {
    color: var(--td-text-color-secondary);
    font-family: -apple-system, BlinkMacSystemFont, var(--td-font-family);
    font: var(--td-font-body-medium);
    -webkit-font-smoothing: antialiased;
    padding: 0;
    margin: 0;
}

pre {
    font-family: var(--td-font-family);
}

ul,
dl,
li,
dd,
dt {
    margin: 0;
    padding: 0;
    list-style: none;
}

figure,
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
}

* {
    box-sizing: border-box;
}

.t-button-link,
a {
    color: var(--td-brand-color);
    text-decoration: none;
    cursor: pointer;
    transition: color @anim-duration-base @anim-time-fn-easing; // DISABLED: Can not find these variables

    &:hover {
        color: var(--td-brand-color-hover);
    }

    &:active {
        color: var(--td-brand-color-active);
    }

    &--active {
        color: var(--td-brand-color-active);
    }

    &:focus {
        text-decoration: none;
    }
}

.t-button-link {
    margin-right: var(--td-comp-margin-xxl);

    &:last-child {
        margin-right: 0;
    }
}
