.at-callToAction {
    margin-bottom: 1rem;
}

.at-callToAction__contentWrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    padding: 1.5rem;
}

.at-callToAction__content {
    flex-grow: 1;
}

.at-callToAction__content a {
    text-decoration: underline;
}

.at-callToAction__content a:hover {
    text-decoration: none;
}

.--backgroundColor-green,
.--backgroundColor-green .at-callToAction__link {
    background-color: #14d17f;
}

.--backgroundColor-yellow,
.--backgroundColor-yellow .at-callToAction__link {
    background-color: #fab900;
}

.--backgroundColor-blue,
.--backgroundColor-blue .at-callToAction__link {
    background-color: #1488ca;
}

.--backgroundColor-grayLight,
.--backgroundColor-grayLight .at-callToAction__link {
    background-color: #e4e4e4;
}

.--backgroundColor-grayDark,
.--backgroundColor-grayDark .at-callToAction__link {
    background-color: #6f6f6f;
}

.--textColor-white,
.--textColor-white a,
.--textColor-white .at-callToAction__title {
    color: #fff;
}

.--textColor-grayDark,
.--textColor-grayDark a,
.--textColor-grayDark .at-callToAction__title {
    color: #6f6f6f;
}

.--textColor-white .at-callToAction__link {
    color: #fff;
    border: 2px solid #fff;
}

.--textColor-grayDark .at-callToAction__link {
    color: #6f6f6f;
    border: 2px solid #6f6f6f;
}

@media (min-width: 768px) {
    .Article.at-callToAction.--50 {
        display: inline-flex;
        width: 50%;
    }
}