/* static/css/components/buttons.css */


button{
    cursor: pointer;
    font-weight: bold;
    border: none;
    align-self: center;
}

.btn-action{
    background: var(--colour-action-background-main);
    color: var(--colour-action-text-main);
}

.btn-action:hover{
    background: var(--colour-action-background-main-dark);
    border: solid 1px var(--colour-action-text-main);
}


.btn-neutral{
    background: var(--colour-action-background-neutral-light);
    color: var(--colour-action-text-neutral);
}

.btn-neutral:hover{
    background: var(--colour-action-background-neutral);
    border: solid 1px var(--colour-action-text-neutral);
}


.btn-alternative{
    background: var(--colour-action-background-alternative);
    color: var(--colour-action-alternative);
}

.btn-alternative:hover{
    background: var(--colour-action-background-alternative-dark);
    border: solid 1px var(--colour-action-alternative);
}


.btn-s{
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    font-size: 1rem;
}


.btn-m{
    padding: 0.5rem 1rem;
    border-radius: 1rem;
    font-size: 1.5rem;
}


.btn-l{
    padding: 0.75rem 1.5rem;
    border-radius: 1.5rem;
    font-size: 1.5rem;
}