.at-mainAction__container {
    position: relative;
}

.at-mainAction__container--center {
    text-align: center;
}

.at-mainAction--margeTopSmall {
    padding-top: 0;
    padding-bottom: 6em;
}

.at-mainAction__button,
.at-mainAction__secondaryButton {
    margin: 0 0.5em 0.3em;
}

.at-mainAction .at-mainAction__button {
    border-color: var(--sapphire);
    color: var(--white);
    background-color: var(--sapphire);
}

.at-mainAction .at-mainAction__button:hover {
    border-color: var(--indigo);
    background-color: var(--indigo);
}

.at-mainAction__secondaryButton {
    padding: .6rem .2rem;
}

.at-mainAction__browserButtons {
    margin-top: -20px;
}

.at-mainAction .l-row--left {
    align-items: center;
}

.at-mainAction__container--left p:last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 720px) {
    .at-mainAction__buttons {
        text-align: right;
    }
}

.at-mainAction--backgroundBlue {
    background-color: var(--indigo-50);
}

.at-mainAction--backgroundDarkBlue,
.at-mainAction--backgroundDarkBlue .at-mainAction__title {
    color: var(--white);
}

.at-mainAction--backgroundDarkBlue {
    background-color: var(--indigo);
}

.at-mainAction--backgroundDarkBlue .at-mainAction__button {
    color: var(--white);
}

.at-mainAction--backgroundDarkBlue .at-mainAction__button:hover {
    border-color: var(--white);
    color: var(--white);
    background-color: var(--indigo);
}

.at-mainAction--backgroundDarkBlue .at-mainAction__secondaryButton {
    color: var(--tropical);
}

.at-mainAction--backgroundDarkBlue .at-mainAction__secondaryButton:hover {
    color: var(--tropical);
}