.widget {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 54px;
  background-color: hsl(0, 0%, 100%);
}
.widget--no-footer {
  padding-bottom: 0;
}
.widget--disabled {
  opacity: 0.5;
}
.widget--pinned {
  background-color: hsl(0, 0%, 76%);
}

.widget_footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 1rem 1rem 1rem;
}

.widget_insert {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.25rem 0.5rem;
  background-color: hsl(0, 0%, 76%);
}
.widget_insert .icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: hsl(0, 0%, 100%);
}
.widget_insert .icon.fa-check {
  background-color: hsl(133, 98%, 33%);
  color: hsl(0, 0%, 100%);
}
.widget_insert .icon.fa-times {
  background-color: hsl(0, 98%, 33%);
  color: hsl(0, 0%, 100%);
}



.widget .card-title,
.widget .card-title:hover,
.widget .card-title:focus,
.widget .card-title:visited {
  display: block;
  color: hsl(0, 0%, 20%);
}



/* .widget--disabled .stretched-link,
.widget--disabled .card-title {
  pointer-events: none;
  cursor: default;
} */



.widget_bgimage {
  position: relative;
  background-color: hsl(0, 0%, 20%);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.widget_bgimage_spacer {
  display: block;
  width: 100%;
  padding-top: 56.25%;
}
.widget_bgimage_spacer.spacer--16-9 {
  padding-top: 56.25%;
}
.widget_bgimage_spacer.spacer--5-4 {
  padding-top: 80%;
}
.widget_bgimage_spacer.spacer--4-3 {
  padding-top: 75%;
}
.widget_bgimage_spacer.spacer--3-2 {
  padding-top: 66.666664%;
}
.widget_bgimage_spacer.spacer--1-1 {
  padding-top: 100%;
}