.modal-header {
    border-bottom: 2px solid #D6D6D6;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    margin-bottom: 2.25rem;
}

.modal-header .close {
    position: absolute;
    right: 1rem;
}

.modal-header .close span {
    font-size: 3rem;
}

.modal-title {
    width: 100%;
    text-align: center;
    font-variant: small-caps;
}

.modal-content {
    border-color: #D6D6D6;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #ebebeb;
}

.modal-footer {
    border-top: 2px solid #D6D6D6;
    flex-direction: column;
}

.modal-footer p {
    width: 100%;
}

#modal-close-button {
    display: block;
    margin-top: 1rem;
    width: 100%;
    max-width: 45rem;
    color: #363636;
    text-decoration: none;
    border-color: #D6D6D6;
}

#modal-close-button:hover {
    cursor: pointer;
    text-decoration: underline;
}

/* .btn-secondary {
    font-size: 2rem;
    border: 1px solid #353535;
    color: #353535;
    background-color: #D6D6D6;
}

.btn-secondary:hover {
    color: #ebebeb;
    background-color: #353535;
} */

/* .modal-triangle {
    position: relative;
    height: 64px;
    width: 100%;
}

.modal-triangle svg {
    position: absolute;
    fill: #ebebeb;
    height: 100%;
    width: 100%;
} */