.primary-button {
    list-style: none;
    text-decoration: none;
    border: none;
    border-radius: var(--input-radius-xl);
    font-size: var(--lttrshop-txt-s);
    line-height: var(--lttrshop-line-s);
    padding: var(--lttrshop-space-s) var(--lttrshop-space-m);
    cursor: pointer;
    display: inline-block;
    color: var(--lttrshop-background-color);
    background: var(--lttrshop-highlight-color);
}

.primary-button[disabled],
.primary-button[disabled]:hover {
    color: var(--lttrshop-half-text-color);
    background: var(--lttrshop-stroke-color);
    opacity: initial;
    cursor: not-allowed;
}

.secondary-button {
    list-style: none;
    text-decoration: none;
    border: var(--outline) solid var(--lttrshop-highlight-color);
    border-radius: var(--input-radius-xl);
    font-size: var(--lttrshop-txt-s);
    line-height: var(--lttrshop-line-s);
    padding: var(--lttrshop-space-s) var(--lttrshop-space-m);
    cursor: pointer;
    display: inline-block;
    color: var(--lttrshop-highlight-color);
}

.button {
    color: var(--lttrshop-text-color);
}

.exit-button {
    text-decoration: none;
}

.exit-button:hover {
    color: var(--lttrshop-highlight-color);
    text-decoration: underline;
}

.back-button {
    text-decoration: none;
}

.back-button:before {
    font-family: var(--lttrshop-font-family-icons);
    font-weight: var(--lttrshop-font-weight-icons);
    content: "←";
    display: inline-block;
    padding: 0 var(--lttrshop-space-xs) 0 0;
    vertical-align: middle;
    font-size: var(--lttrshop-txt-icon);
}

.next-button:after {
    font-family: var(--lttrshop-font-family-icons);
    font-weight: var(--lttrshop-font-weight-icons);
    content: "→";
    display: inline-block;
    padding: 0 0 0 var(--lttrshop-space-xs);
    vertical-align: middle;
    font-size: var(--lttrshop-txt-icon);
}

.primary-button.-download-button:after,
.secondary-button.-download-button:after {
    font-family: var(--lttrshop-font-family-icons);
    font-weight: var(--lttrshop-font-weight-icons);
    content: "↓";
    display: inline-block;
    padding: 0 0 0 var(--lttrshop-space-xs);
    vertical-align: middle;
    font-size: var(--lttrshop-txt-icon);
}

.destructive-action-button {
    background: var(--lttrshop-error-color);
}