.dice-btn {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--serif);
    font-size: 1.25rem;
    color: var(--text);
    background: var(--bg);
    border: 1px solid var(--border);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}
.dice-btn:hover, .dice-btn.active {
    background: var(--ocre-dim);
    color: var(--ocre);
    border-color: var(--ocre);
}