.bottom-banner {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 100;
    border-radius: 20rem 20rem 0 0;
}   

.bottom-banner-inner {
    width: 90%;
    max-width: 1680px;
    margin: 0 auto;
    padding: 30rem 0;
    display: flex;
    justify-content: space-between;
    gap: 30rem;
}

.bottom-banner-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20rem;
}

.bottom-banner-btn-wrapper {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15rem;
}

.bottom-banner-btn-group {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 20rem;
}

.bottom-banner-btn {
    padding: var(--padding);
    border-radius: 999rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: max-content;
}

.bottom-banner-img-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bottom-banner-img {
    width: 100rem;
}