.btn-container {
    display: flex;

    margin: 2% 0;
    gap: 16px;
}

button {
    font: var(--text);
    text-wrap: nowrap;
    border-radius: 5px;
    border: none;

    cursor: pointer;
    color: white;
    text-align: center;
}

button[disabled] {
    filter: brightness(.3);
}

button:active:not([disabled]) {
    transform: scale(0.95);
    transition: linear .01s;
}

.border-btn {
    background-color: var(--prim-col);
    box-shadow: inset 0 0 0 3px var(--red);
}

.filled-btn {
    background-color: var(--red);
}

.trans-btn {
    background-color: transparent;
    --shadow: inset 0 0 0 2px;
}