.niagara-app-link,
.niagara-app-link__heading,
.niagara-app-link__description,
.niagara-app-link__copy-row {
    text-align: center;
}

.niagara-app-link__variant {
    display: none;
}

.niagara-app-link--editor-preview .niagara-app-link__variant {
    display: block;
    margin-bottom: 2em;
}

.niagara-app-link__description {
    margin: 0 0 1em;
}

.niagara-app-link__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em;
    padding: 0.75em 1.5em;
    margin: 0 0.5em 1em;
    border-radius: 999px;
    border: 2px solid transparent;
    text-decoration: none;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.niagara-app-link__button:hover,
.niagara-app-link__button:focus,
.niagara-app-link__button:active {
    font-size: inherit !important;
    font-weight: 600 !important;
    text-decoration: none;
}

.niagara-app-link__button--primary {
    background-color: #faebb8;
    color: #5282bf;
    transition-property: filter, transform;
    transition-duration: 0.2s, 0.1s;
}

.niagara-app-link__button--primary:hover,
.niagara-app-link__button--primary:focus {
    filter: brightness(0.97);
}

.niagara-app-link__button--primary:active {
    transform: scale(0.97);
}

.niagara-app-link__button--secondary {
    border-color: #0b1957;
    color: #0b1957;
    background-color: transparent;
}

.niagara-app-link__button--secondary:hover {
    background-color: #0b1957;
    color: #f5f0e9;
    border-color: #0b1957;
}

.niagara-app-link__copy-row {
    opacity: 0.75;
}

.niagara-app-link__copy-link {
    font-weight: inherit;
    text-decoration: underline;
}

.niagara-app-link__copy-link:hover,
.niagara-app-link__copy-link:focus,
.niagara-app-link__copy-link:active {
    font-size: inherit !important;
    font-weight: inherit !important;
    text-decoration: underline;
}

.niagara-app-link__qrcode {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    margin: 0 auto 1em;
    background-color: #f5f0e9;
    border: 4px solid #0b1957;
    border-radius: 1.4rem;
    overflow: hidden;
}

.niagara-app-link__qrcode svg {
    display: block;
}

.niagara-app-link__heading {
    margin: 0 0 1em;
}