body {
    background: #c7928821;
    margin: initial;
    font-family: $Metropolis;
    font-weight: 400;
    font-size: 10.5pt;
    color: $black;
    overflow: overlay;
    overflow-x: hidden;
}

a,
button {
    color: $black;
    text-decoration: none;

    &:hover,
    &.active {
        cursor: pointer;

        .link,
        &.link {
            &:after {
                width: 100%;
                left: 0;
            }
        }

        .link-bold,
        &.link-bold {
            font-weight: 700;
        }

        .arrow {
            width: 45px;
            @include transform(translate(15px, 0));
        }
    }

    .link,
    &.link {
        position: relative;

        &:after {
            content: "";
            position: absolute;
            width: 0;
            right: 0;
            left: auto;
            bottom: -2px;
            height: 1px;
            background: $black;
            @include transition(all, 0.3s, ease);
        }

        &.link-black {
            &:after {
                background: $black;
            }
        }

        &.link-white {
            &:after {
                background: $white;
            }
        }
    }

    .link-bold,
    &.link-bold {
        @include transition(all, 0.3s, ease);
    }

    .arrow {
        cursor: pointer;
        display: inline-block;
        height: 12px;
        margin: 0 0.5em;
        position: relative;
        vertical-align: middle;
        width: 30px;
        @include transition(all, 0.3s, ease-in-out);

        &::after {
            content: "";
            display: block;
            height: 6px;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
            width: 6px;
        }

        &::before {
            content: "";
            left: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 100%;
        }

        &.arrow-white {
            &::after {
                border-right: 1px solid white;
                border-top: 1px solid white;
            }

            &::before {
                border-bottom: 1px solid white;
            }
        }

        &.arrow-black {
            &::after {
                border-right: 1px solid $black;
                border-top: 1px solid $black;
            }

            &::before {
                border-bottom: 1px solid $black;
            }
        }
    }
}

.list-default {
    @include ul-nostyle;
    margin: 1.5rem 0;

    li {
        line-height: 22px;

        &:before {
            position: relative;
            content: "—";
            display: inline-block;
            margin-right: 0.5rem;
            top: -1.5px;
        }
    }

    &.no-pseudo {
        li {
            &:before {
                display: none;
            }
        }
    }
}

button {
    font-family: $Metropolis;
}

p {
    line-height: 22px;
    margin-bottom: 1.5rem;
}

b {
    font-weight: 600;
}

h6,
h5,
h4,
h3,
h2,
h1 {
    margin-top: 0;
    margin-bottom: 0;
}

hr {
    background-color: $grey;
    height: 1px;
    border: 0;
    margin: 0;
}