.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;
    cursor: pointer;
}

.button.collapsed {
    display: block;
    opacity: 0;
}

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

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

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

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

.logo:hover{
    cursor: pointer;
}


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