.floating-box {
    width: 100%;
    margin-top: 50px;
    padding: 15px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: var(--color-white);
    transition: transform 0.0s ease;
    z-index: 2;
}

.offer-floating-box {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.offer-confirmation {
    display: flex;
    gap: 5px;
    justify-content: center;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.step-buttons {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.step-buttons.up {
    transform: translateY(-120px);
}

.floating-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    transform: translateX(calc(-50vw + 50%));
    height: 1px;
    background: #ccc;
}

.devis-btn {
    border-radius: 1000px;
    padding: 12px 24px;
    border: none;
    font-family: Roboto;
    font-weight: 600;
    font-size: 17px !important;
    cursor: pointer;
}

a.devis-btn:hover {
    text-decoration: none;
}

.devis-btn-next, .devis-btn-devis, .devis-btn-navy, .devis-btn-sign {
    background-color: var(--color-navy);
    color: var(--color-white);
    transition: all 0.25s ease;
}

.devis-btn-next:hover, .devis-btn-next:focus-visible, .devis-btn-devis:hover, .devis-btn-devis:focus-visible, .devis-btn-navy:hover, .devis-btn-navy:focus-visible, .devis-btn-sign:hover, .devis-btn-sign:focus-visible {
    background-color: var(--color-red-primary);
    color: var(--color-white);
    transition: all 0.25s ease;
}

.devis-btn-previous {
    background-color: #F0F0F0;
    color: var(--color-navy);
    border: solid 1px rgba(04, 15, 46, 0.1);
}

.devis-btn-previous:hover, .devis-btn-previous:focus-visible {
    background-color: var(--color-white);
    transition: all 0.25s ease;
}

.devis-btn-adhesion, .devis-btn-red {
    color: var(--color-white);
    background-color: var(--color-red-primary);
    border: solid 1px var(--color-red-primary);
    text-align: center;
}

.devis-btn-adhesion:hover, .devis-btn-adhesion:focus-visible, .devis-btn-red:hover, .devis-btn-red:focus-visible {
    background-color: var(--color-white);
    transition: all 0.25s ease;
    border: solid 1px var(--color-red-primary);
    color: var(--color-red-primary);
}

.devis-btn-disabled, .devis-btn-disabled:hover, .devis-btn-disabled:focus-visible {
    color: #61658B;
    background-color: #F0F0F4;
    border: solid 1px rgba(04, 15, 46, 0.1);
}