article.notification-tile {
    background-color: #6F7D14;
    float: left;
    margin-top: 15px;
    text-align: center;
    margin-bottom: 15px;
}

.notification-tile div:first-child {
    margin: 0;
    margin-bottom: 18px;
}

.notification-heading {
    background-color: unset;
}

.notification-heading span {
    background-color: unset;
    color: #fff;
    display: block;
    font-size: 24px;
    font-family: "effra-regular", sans-serif;
    font-weight: 700;
    line-height: 24px;
}

.notification-content {
    color: #fff;
    font-size: 18px;
    font-family: "effra-regular", sans-serif;
    font-weight: 400;
    line-height: 24px;
}

.notification-content a {
    color: #fff;
    text-decoration: underline;
}

.notification-content a:hover {
    color: #000000;
}

.notification-content a:focus {
    border: 1px solid #fff;
    padding: 2px;
}

.notification-button, .notification-button-earlyclearing {
    display: inline-block;
    margin-top: 18px;
    padding: 18px 0;
    position: relative;
}

.notification-button a, .notification-button-earlyclearing a {
    background-color: #fff;
    color: #303030;
    cursor: pointer;
    font-size: 18px;
    font-family: "Effra-Regular", sans-serif;
    font-weight: 400;
    line-height: 24px;
    padding: 20px 68px;
}

.notification-button a:hover, .notification-button-earlyclearing a:hover {
    background-color: #DBDBDB;
    text-decoration: none;
}

.notification-button a:focus, .notification-button-earlyclearing a:focus {
    color: #fff;
    background-color: #000;
}

.notification-button a::before {
    color: #6F7D14 !important;
    content: "\f095";
    font-family: "fontawesome";
    font-size: 20px;
    left: 20px;
    padding: 0px;
    position: absolute;
}

.notification-button-earlyclearing a::before {
    color: #6F7D14 !important;
    font-family: "fontawesome";
    font-size: 20px;
    left: 20px;
    padding: 0px;
    position: absolute;
}