.button {
    text-decoration: none;
    text-align: center;
    letter-spacing: 0.03em;
    line-height: 1.05;
    border-style: unset;

    color: var(--btncolor);
    background-color: var(--btnbgcolor);

    filter: var(--smallShadow);

    padding: 0.6em 1.5em 0.4em 1.5em;    
    display: inline-block;

    --btncolor: var(--snow);
    --btnbgcolor: var(--black);
}

.button.neg {
    --btncolor: var(--black);
    --btnbgcolor: var(--snow);
}

.button.line {
    background-color: transparent;
    color: var(--btnbgcolor);
    border: 0.1em solid var(--btnbgcolor);
}

.pm_button {
    margin-top: -1rem;
}

a.readmore {
    font-size: 1.25rem;
    color: var(--black);
    text-decoration: 0;
    padding: 0.125em 0.25em;
    background-image: linear-gradient(to right,var(--black) 0,var(--black) 100%);
    background-size: 100% 10%;
    background-repeat: repeat-x;
    background-position: bottom;
    transition: 0.25s background-size, 0.125s color;
}

a.readmore:hover {
    color: white;
    background-size: 100% 100%;
    border-radius: 0.07em;
}