_content-downloads.scss

@use "../abstracts/" as *;

$dl-background: $color-primary-100;
$dl-background-hover: $color-primary-800;
$dl-border-radius: $border-radius-1;
$dl-font-size: $font-size-300;
$dl-color: $body-text-color;
$dl-color-hover: $color-primary-200;


.content-download,
.content-downloads {

  a {
    min-inline-size: fit-content;
    display: inline flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.5em 0.5rem;
    background-color: $dl-background;
    border-radius: $dl-border-radius;
    font-size: $dl-font-size;
    color: $dl-color;
    text-decoration: none;
    svg {
      width: 1lh;
      height: 1lh;
      flex-shrink: 0;
      stroke-width: 1.5;
      stroke: currentColor;
    }
  }
  a:hover {
    background-color: $dl-background-hover;
    color: $dl-color-hover;
    svg {
      stroke: $dl-color-hover;
    }
  }

  figure {
    margin-block-start: 0.5lh;
  }

}

// Einzelelemente sollen gleichen Abstand haben wie .content-downloads
.content-download + .content-download {
  margin-block-start: $paragraph-space;
}

.content-downloads {
  ul {
    margin-block: unset;
    padding-inline-start: unset;
    list-style-type: none;
    li + li {
      margin-block-start: $paragraph-space;
    }
  }
}