.btn {
    display: block;
    width: fit-content;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    margin-right: auto;
    margin-left: auto;
    padding: 0.5rem 1rem;
    background-color: var(--color-primary);
    color: var(--color-white);
    text-decoration: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    border: 0.06rem solid var(--color-primary-hover);
}

.btn:hover {
    background-color: var(--color-primary-hover);
    text-decoration: underline;
}

.btn-action-follow {
    background: var(--color-follow);
    color: var(--color-white);
}

.btn-action-unfollow {
    background: var(--color-unfollow);
    color: var(--color-white);
}

.btn-action-follow,
.btn-action-unfollow,
.btn-action-detail,
.btn-action-edit,
.btn-action-roles,
.btn-action-delete,
.btn-action-event,
.btn-action-invite {
    display: inline-block;
    padding: 0.25rem 0.22rem;
    border: none;
    border-radius: 0.3125rem;
    font-family: inherit;
    font-size: 0.85em;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.btn-action-detail {
    background: var(--color-detail);
    color: var(--color-white);
}

.btn-action-edit {
    background: var(--color-edit);
    color: var(--color-white);
}

.btn-action-roles {
    background: var(--color-roles);
    color: var(--color-white);
}

.btn-action-delete {
    background: var(--color-delete);
    color: var(--color-white);
}

.btn-action-event {
    background: var(--color-event);
    color: var(--color-white);
}

.btn-action-invite {
    background: var(--color-invite);
    color: var(--color-white);
}

.button-accept, .button-decline {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 0.38rem;
    font-weight: 600;
    font-size: 0.95rem;
    text-decoration: none;
    text-align: center;
}

.button-accept {
    margin-right: 0.75rem;
}

.button-accept {
    background-color: var(--color-success);
    color: var(--color-white);
    border: 0.06rem solid var(--color-success);
}

.button-accept:hover {
    background-color: var(--color-success-hover);
    border-color: var(--color-success-hover);
    color: var(--color-white);
}

.button-decline {
    background-color: var(--color-danger);
    color: var(--color-white);
    border: 0.06rem solid var(--color-danger);
}

.button-decline:hover {
    background-color: var(--color-danger-hover);
    border-color: var(--color-danger-hover);
    color: var(--color-white);
}