.view-id-slideshows.view-display-id-block_1 .views-row {
  position: relative;
}

.view-slideshows.view-display-id-block_1 .field--name-field-media-image img {
  display: block;
  width: 100%;
}

.views-slideshows-block-1-field-link-wrapper {
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%
}

.views-slideshows-block-1-field-link-wrapper a,
.views-slideshows-block-1-field-link-wrapper span {
  text-decoration: none;
  color: white;
  display: inline-block;
  width: 100%;
  font-weight: 500;
  padding: 0.3em 1em;
  font-size: var(--font-size-sm);
  border-bottom-left-radius: 0.2em;
  border-top-left-radius: 0.2em;
  background: var(--dark-grey-o-05);
  backdrop-filter: blur(5.6px);
  -webkit-backdrop-filter: blur(5.6px);
  transition: background-color 0.2s ease-out;
}

.views-slideshows-block-1-field-link-wrapper a:hover {
  background: var(--primary-color-o-05);
  color: var(--light-grey);
}

.front-page-slideshow--progressbar {
  background: var(--primary-color-4);
}

.front-page-slideshow--page.is-active,
.front-page-slideshow--page {
  width: 14px;
  height: 14px;
  background: var(--primary-color-4);
  opacity: 1;
  margin: 5px
}

.front-page-slideshow--page:hover {
  background: var(--primary-color);
}

@media only screen and (min-width: 720px) {
  .views-slideshows-block-1-field-link-wrapper {
    display: block;
    position: absolute;
    bottom: 10%;
    right: 0;
    max-width: 35%;
  }

  .views-slideshows-block-1-field-link-wrapper a,
  .views-slideshows-block-1-field-link-wrapper span {
    color: var(--light-grey);
    text-shadow: 1px 1px 2px var(--dark-grey-o-05);
    display: inline-block;
    width: 100%;
    font-weight: 400;
    padding: 0.5em 1.3em;
    font-size: clamp(0.7rem, 2vw, 1.4rem);
    border-bottom-left-radius: 0.2em;
    border-top-left-radius: 0.2em;
    background: var(--primary-color-o-05);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  }

  .front-page-slideshow--progressbar {
    display: none;
  }
}