.btn {
    padding: 0.2rem 0.8rem 0.2rem 0.8rem;
    width: fit-content;
    border-radius: 20px;
}

.btn:hover {
    cursor: pointer;
    filter: brightness(0.95);
}

.primary {
    color: white;
    background-color: #019AFF;
}

.danger {
    color: white;
    background-color: #FF073A;
}

.transparent {
    color: #019AFF;
}

.default {
    color: black;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.65);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    box-shadow:
            0 8px 32px rgba(0, 0, 0, 0.1),
            inset 0 1px 0 rgba(255, 255, 255, 0.5),
            inset 0 -1px 0 rgba(255, 255, 255, 0.1),
            inset 0 0 8px 4px rgba(255, 255, 255, 0.4);
}