body {
    .btn-home {
        font-size: 0.72rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--white);
        background: var(--rose);
        border: none;
        cursor: pointer;
        padding: .85rem .85rem;
        border-radius: 1px;
        text-decoration: none;
        transition: all 0.3s;
        display: inline-block;
        width: fit-content;
        max-width: 100%;
        margin-top: .50rem;
        text-align: center;
    }

    .btn-primary {
        font-size: 0.72rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--white);
        background: var(--rose);
        border: none;
        cursor: pointer;
        padding: .85rem .85rem;
        border-radius: 1px;
        text-decoration: none;
        transition: all 0.3s;
        display: inline-block;
        width: fit-content;
        max-width: 100%;
        margin-top: 2.0rem;
        text-align: center;
    }

        .btn-primary:hover {
            background: var(--deep);
            transform: translateY(-1px);
        }

    .btn-submit {
        display: inline-block;
        margin-top: 2.5rem;
        background: var(--rose);
        color: var(--white);
        border: none;
        cursor: pointer;
        padding: 1.1rem 1rem;
        font-family: 'Jost', sans-serif;
        font-size: 0.72rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        border-radius: 2px;
        transition: all 0.3s;
        align-self: flex-start;
    }

        .btn-submit:hover {
            background: var(--gold);
            transform: translateY(-1px);
        }

    .btn-questionnaire {
        display: inline-block;
        margin-top: 2.5rem;
    }

    .btn-notary {
        font-size: 0.72rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--white);
        background: var(--rose);
        border: none;
        cursor: pointer;
        padding: .85rem .85rem;
        border-radius: 1px;
        text-decoration: none;
        transition: all 0.3s;
        display: inline-block;
        width: auto;
        margin-top: 1.5rem;
        justify-self: start;
        margin-top: 1.5rem;
        width: fit-content;
        max-width: 100%;
        text-align: center;
    }

    .btn-wedding {
        font-size: 0.72rem;
        font-weight: 500;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--white);
        background: var(--rose);
        border: none;
        cursor: pointer;
        padding: .85rem .85rem;
        border-radius: 1px;
        text-decoration: none;
        transition: all 0.3s;
        display: inline-block;
        width: fit-content;
        max-width: 100%;
        margin-top: 3.0rem;
        text-align: center;
    }
    /*CEREMONY*/
    .btn {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.55rem 1.3rem;
        font-family: 'Jost', sans-serif;
        font-size: 0.72rem;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        border-radius: 2px;
        cursor: pointer;
        transition: all 0.25s;
        text-decoration: none;
        border: none;
    }

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

        .btn-rose:hover {
            background: var(--deep);
        }

    .btn-ghost {
        background: transparent;
        color: var(--dusty);
        border: 1px solid rgba(107,84,75,0.25);
    }

        .btn-ghost:hover {
            border-color: var(--rose);
            color: var(--rose);
        }

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

        .btn-gold:hover {
            background: var(--deep);
        }
}