.button {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
    width: fit-content;
    cursor: pointer;
}

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

.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;
}