.plaque {
    padding-left:8px;
    padding-right:8px;

    border-style:outset;
    border-color:var(--valiant-white-mid);
    border-width:2px;

    font-family: "BW";
    font-size:24px;
    color: var(--theme-primary-2-darker);

    background: linear-gradient(-15deg,var(--theme-primary-2-dark),var(--theme-primary-2-light),var(--theme-primary-2-dark));

    &.green {
        background: linear-gradient(-15deg,var(--theme-accent-2-dark),var(--theme-accent-2-light),var(--theme-accent-2-dark));
        border-color: var(--theme-accent-2-light);
    }

    &.red {
        background: linear-gradient(-15deg,var(--theme-accent-1-dark),var(--theme-accent-1-light),var(--theme-accent-1-dark));
        border-color: var(--theme-accent-1-light);
    }

    &.dark {
        background: linear-gradient(-15deg,var(--theme-primary-2-darker),var(--theme-primary-2-dark),var(--theme-primary-2-darker));
        border-color: var(--theme-primary-2-dark);
    }

    button {
        background: linear-gradient(0deg,var(--theme-primary-2-dark),var(--theme-primary-2-light),var(--theme-primary-2-dark));
        border: outset 2px var(--theme-primary-2-base);
      
        font-family: "BW";
        font-size: 32px;
      
        padding: 8px;
      
        &:active {
            border: inset 2px var(--theme-primary-1-dark);
            background: linear-gradient(0deg,var(--theme-primary-1-dark),var(--theme-primary-1-base),var(--theme-primary-1-dark));
        }

        &:hover:not(:active) {
            cursor: pointer;
            border: outset 2px var(--theme-primary-1-base);
            background: linear-gradient(0deg,var(--theme-primary-1-dark),var(--theme-primary-1-light),var(--theme-primary-1-dark));
        }
      }
}