.button {
    display: inline-block;
    padding: 0.5vh 0.75vh;
    border-radius: 0.75vh;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease;
    width: fit-content;
}
.button:not(.is_collapsed) {
    cursor: pointer;
}
.button.is_collapsed {
    display: block;
    opacity: 0;
}

.button-primary {
    background: var(--colour-accent);
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
}

.button-primary:hover {
    background: var(--colour-secondary);
    color: var(--colour-accent);
}

.button-light {
    background: white;
    color: var(--primary-color);
}

.button-light:hover {
    background: var(--colour-accent);
}

.logo:hover{
    cursor: pointer;
}


.button.icon.active.delete, 
.button.icon.active.add {
    height: 2vh;
}