:root {
    --card-background: var(--white);
    --card-background-footer: var(--secondary);
    --card-padding: 15px;
    --card-border-radius: 10px;
    --card-box-shadow: 0px 3px 6px #0000001A;
}


.card {
    background: var(--card-background) 0% 0% no-repeat padding-box;
    border-radius: var(--card-border-radius);
    padding: var(--card-padding);
    opacity: 1;
    box-shadow: var(--card-box-shadow);
}

.card--header,
.card__header {
    border-radius: 0;
    border-start-end-radius: var(--card-border-radius);
    border-start-start-radius: var(--card-border-radius);
    overflow: hidden;
}

.card--footer,
.card__footer {
    color: var(--white);
    background-color: var(--card-background-footer);
    padding: var(--card-padding);
    border-radius: 0;
    border-end-end-radius: var(--card-border-radius);
    border-end-start-radius: var(--card-border-radius);
}


.card--footer a:not(.btn),
.card__footer a:not(.btn) {
    color: var(--accent);
}

.card--footer a[target="_blank"]:after,
.card__footer a[target="_blank"]:after {
  content: url(/sites/library/themes/scad_library/assets/SCAD-Libraries-icons/SCAD-Libraries-Arrow-icon-white.svg);
}

.card--footer a.btn[target="_blank"]:after,
.card__footer a.btn[target="_blank"]:after {
  content: url(/sites/library/themes/scad_library/assets/SCAD-Libraries-icons/SCAD-Libraries-Arrow-icon.svg);
}

.card__header {
    margin-inline: calc(var(--card-padding) * -1);
    margin-top: calc(var(--card-padding) * -1);
}

.card__header+.card__content {
    margin-top: 0;
}

.card__content {
    padding: var(--card-padding);
    margin: calc(var(--card-padding) * -1);
}

.card__footer {
    margin-inline: calc(var(--card-padding) * -1);
    margin-bottom: calc(var(--card-padding) * -1);
    margin-top: var(--card-padding);
}


@media (min-width: 992px) {
    /* :root {
        --card-padding: 40px;
    } */
}