.fe-button--primary {
    text-align: center;
    border-radius: 1.5rem;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    border: none;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    text-transform: unset;
    background: var(--page-color-primary-20);
    color: var(--page-color-dark);
}

.fe-button--primary:hover {
    background: var(--page-color-primary-30);
}

.fe-button--primary:active,
.fe-button--primary.active {
    background: var(--page-color-primary-50);
}

.fe-button--secondary {
    text-align: center;
    border-radius: 1.5rem;
    cursor: pointer;
    outline: none;
    box-shadow: none;
    box-sizing: border-box;
    border: none;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    text-transform: unset;
    color: var(--page-color-light);
    background: var(--page-color-tertiary-40);
}

.fe-button--secondary:hover {
    background: var(--page-color-tertiary-30);
    color: var(--page-color-light);
}

.fe-button--secondary:active,
.fe-button--secondary.active {
    background: var(--page-color-tertiary-50);
    color: var(--page-color-light);
}

.fe-button--tertiary {
    text-align: center;
    border-radius: 1.5rem;
    cursor: pointer;
    outline: none;
    box-sizing: border-box;
    border: none;
    font-size: 0.875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    text-transform: unset;
    color: var(--page-color-support);
    background: transparent;
    box-shadow: inset 0 0 0 1px var(--page-color-tertiary-40);
}

.fe-button--tertiary:hover {
    background: rgb(87 76 123 / 0.7);
    box-shadow: none;
}

.fe-button--tertiary:active,
.fe-button--tertiary.active {
    background: var(--page-color-tertiary-20);
    color: var(--page-color-light);
    box-shadow: none;
}

.fe-button-extra-small,
.fe-button--extra-small {
    font-size: 0.75rem;
    line-height: 1.1875rem;
    font-weight: 700;
    height: 2rem;
}

.fe-button--small {
    font-size: 0.875rem;
    line-height: 1.3125rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    height: auto;
}

.fe-button--medium {
    font-size: 1.25rem;
    line-height: 1.875rem;
    font-weight: 700;
    padding: 0.5rem 1.5rem;
    height: auto;
}

.fe-button--full-width {
    width: 100%;
}