.kb-kunskap {
  width: var(--wp--custom--container-width);
  max-width: 100%;
  margin: auto;
  padding-left: var(--wp--custom--container-padding);
  padding-right: var(--wp--custom--container-padding); }
  .kb-kunskap__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem; }
    @media (max-width: 992px) {
      .kb-kunskap__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)); } }
    @media (max-width: 576px) {
      .kb-kunskap__grid {
        grid-template-columns: minmax(0, 1fr); } }
  .kb-kunskap__item {
    transition: transform 0.6s ease-in-out; }
    .kb-kunskap__item:hover {
      transform: translateY(-1rem); }
  .kb-kunskap__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 2rem; }
    @media (max-width: 576px) {
      .kb-kunskap__header {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem; } }
  .kb-kunskap__title {
    margin: 0; }
  .kb-kunskap__link {
    position: relative;
    display: inline-block;
    padding-right: 23px;
    text-decoration: none;
    color: #2D3035;
    font-weight: 700;
    transition: color 0.3s ease; }
    .kb-kunskap__link::after {
      content: '';
      position: absolute;
      top: calc(50% + 3px);
      right: 0;
      transform: translateY(calc(-50% - 1px));
      width: 15px;
      height: 12px;
      background-color: currentColor;
      -webkit-mask-repeat: no-repeat, no-repeat;
      mask-repeat: no-repeat, no-repeat;
      -webkit-mask-position: left 47%, right center;
      mask-position: left 47%, right center;
      -webkit-mask-image: linear-gradient(#000, #000), url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="12" viewBox="0 0 15 12" fill="none"><path d="M8.66667 10.3333L13.3333 5.66667L8.66667 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      mask-image: linear-gradient(#000, #000), url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="12" viewBox="0 0 15 12" fill="none"><path d="M8.66667 10.3333L13.3333 5.66667L8.66667 1" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
      -webkit-mask-size: 12px 2px, 15px 12px;
      mask-size: 12px 2px, 15px 12px;
      transition: right 0.3s ease, width 0.3s ease, -webkit-mask-size 0.3s ease, mask-size 0.3s ease; }
    .kb-kunskap__link:hover {
      color: #E30613; }
      .kb-kunskap__link:hover::after {
        right: -5px;
        width: 20px;
        -webkit-mask-size: 17px 2px, 15px 12px;
        mask-size: 17px 2px, 15px 12px; }
  .kb-kunskap__footer {
    margin-top: 1.875rem;
    display: flex;
    justify-content: center; }
  .kb-kunskap__load-more {
    background-image: url('data:image/svg+xml,<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 10L6 15L1 10M6 15L6 1" stroke="%232D3035" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: 2.6rem center;
    padding-left: 4rem; }
    .kb-kunskap__load-more[aria-expanded="true"] {
      background-image: url('data:image/svg+xml,<svg width="12" height="16" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 6L6 1L1 6M6 1L6 15" stroke="%232D3035" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); }

/*# sourceMappingURL=kunskap.css.map */