.federal-lease-buyout-alert {
    width: 100%;
    padding: 20px;
    border-radius: 20px 20px 0 0;
    font-family: Chillax, sans-serif;
}

@media screen and (max-width: 700px) {
    .federal-lease-buyout-alert {
        padding: 10px;
    }
}

.federal-lease-buyout-alert h4 {
    margin-bottom: 0;
}

.federal-lease-buyout-alert h4,
.federal-lease-buyout-alert .alert-content,
.federal-lease-buyout-alert .alert-content a {
    color: #fff;
}

.federal-lease-buyout-alert .alert-header {
    align-items: center;
    cursor: pointer;
}

.federal-lease-buyout-alert .federal-lease-buyout-alert__heading {
    display: inline;
}

.federal-lease-buyout-alert .alert-toggle {
    float: right;
    background: transparent;
    border: none;
    color: inherit;
    cursor: pointer;
    font-size: 1.2rem;
    padding: 0 5px;
    margin-left: 10px;
}

.federal-lease-buyout-alert .alert-toggle .icon-collapsed,
.federal-lease-buyout-alert .alert-toggle .icon-expanded {
    display: inline-block;
}

.federal-lease-buyout-alert .alert-toggle .icon-expanded,
.federal-lease-buyout-alert:not(.collapsed) .alert-toggle .icon-collapsed {
    display: none;
}

.federal-lease-buyout-alert:not(.collapsed) .alert-toggle .icon-expanded {
    display: inline-block;
}

.federal-lease-buyout-alert .alert-content {
    max-height: 1000px;
    opacity: 1;
    overflow: hidden;
    transition: max-height 0.35s ease, opacity 0.35s ease;
}

.federal-lease-buyout-alert.collapsed .alert-content {
    max-height: 0;
    opacity: 0;
}

.federal-lease-buyout-alert .federal-lease-buyout-alert__image {
    background-color: #283069;
    border-radius: 10px;
    height: 100%;
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    zoom: 1.2;
    cursor: inherit;
    opacity: 1;
}

.federal-lease-buyout-alert .federal-lease-buyout-alert__badge {
    background-color: #fff;
    border-radius: 5px;
    padding: 3px 10px;
    display: inline-block;
    text-transform: uppercase;
    margin-right: 5px;
    margin-bottom: 5px;
    color: #011055;
}

/* When the federal lease buy-out alert is directly above the under-threat alert,
   remove the duplicate top border-radius from the under-threat block. */
.federal-lease-buyout-alert + .under-threat-alert {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/* Disable border radius on map when federal lease buy-out block enabled. */
.federal-lease-buyout-alert-enabled .paragraph--type--map .filtersmap {
    border-top-right-radius: 0;
}

.federal-lease-buyout-alert-enabled .paragraph--type--map .leaflet-container {
    border-top-left-radius: 0;
}