/** Shopify CDN: Minification failed

Line 95:0 Unexpected "}"
Line 105:6 Expected identifier but found whitespace

**/
.star-btn {
  position:relative;
  display:inline-block;
  cursor:pointer;
  pointer-events:none;
  border-radius:4px;
  font-size: calc(var(--font-body-scale, 1) * 12px);
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.star-btn a {
  padding:14px 38px;
  pointer-events:all;
  border-radius: var(--button-border-radius, 0px);
}

/* Stjerne CSS */

.star-btn__stars {
  position:absolute;
  pointer-events:none;
  z-index:2
}
.star-btn__stars svg {
  overflow:visible
}
.star-btn__stars .star {
  transition:opacity 300ms ease-out
}
.star-btn__stars .star-1 {
  transition-delay:0ms;
  transform:translateY(0) rotate(0);
  transition:transform 800ms cubic-bezier(0.25,1,0.5,1),opacity 300ms ease-out
}
.star-btn__stars .star-2 {
  transition-delay:100ms
}
.star-btn__stars .star-3 {
  transition-delay:30ms
}
.star-btn__stars .star-4 {
  transition-delay:200ms
}
.star-btn__stars .star-5 {
  transition-delay:60ms
}
.star-btn__stars .star-6 {
  transition-delay:100ms
}
.star-btn__stars .star-7 {
  transition-delay:0ms
}
.star-btn__stars .star-8 {
  transition-delay:40ms
}
.star-btn__stars .star-9 {
  transition-delay:70ms
}
.star-btn__stars .star-10 {
  transition-delay:120ms
}
.star-btn__stars--default {
  right:38px;
  top: -7px; /*-5px*/
}
.star-btn__stars--hover {
  top:50%;
  left:50%;
  transform:translate(-50%,-50%)
}
.star-btn__stars--hover .star {
  opacity:0;
  transform-origin:center center
}


.star-btn:hover .star-btn__stars--default .star,.collection-entry:hover .star-btn .star-btn__stars--default .star {
  opacity:0;
  transform-origin:center left
}
.star-btn:hover .star-btn__stars--default .star-1,.collection-entry:hover .star-btn .star-btn__stars--default .star-1 {
  transform:translateY(8px) rotate(-8deg)
}
.star-btn:hover .star-btn__stars--hover .star,.collection-entry:hover .star-btn .star-btn__stars--hover .star {
  opacity:1;
  transform:translateY(0) rotate(0)
}

}.collection-entry .star-btn svg {
  fill:currentColor
}

.star-btn.is-filled svg {
  fill: (var(--section-background))
}

/* Knap indstillinger CSS */ 

a.btn. {
  border-radius: var(--button-border-radius)px;
}

/* Knap indstillinger CSS - HIGH */ 

a.btn.is_filled {
  color: var(--section_background, var(--solid-button-label));
  background-color: var(--section_foreground, var(--solid-button-background));
}


a.btn.has_stroke {
  border: 1px solid var(--section_foreground);
  background: transparent;
  color: var(--section_foreground);
}

.star-btn.just-text {
  background: none;
  border: none;
  color: var(--section_background, var(--solid-button-background));
}

a.btn.has_stroke.attention_high {
  color: var(--section_foreground, var(--solid-button-background));
  border: 1px solid var(--section_foreground, var(--solid-button-background));
  background: transparent;
}

a.btn.just_text.attention_high {
  background: none;
  border: none;
  color: var(--section_foreground, var(--solid-button-background));
}

.star-btn__stars.star-btn__stars--default.is_filled.attention_high {
  fill: var(--section_background, var(--solid-button-label));
}

.star-btn__stars.star-btn__stars--hover.is_filled.attention_high {
  fill: var(--section_background, var(--solid-button-label));
}

.star-btn__stars.star-btn__stars--default.has_stroke.attention_high {
  fill: var(--section_foreground, var(--solid-button-background));
}

.star-btn__stars.star-btn__stars--hover.has_stroke.attention_high {
  fill: var(--section_foreground, var(--solid-button-background));
}

.star-btn__stars.star-btn__stars--default.just_text.attention_high {
  fill: var(--section_foreground, var(--solid-button-background));
}

.star-btn__stars.star-btn__stars--hover.just_text.attention_high {
  fill: var(--section_foreground, var(--solid-button-background));
}

/* Knap indstillinger CSS - MEDIUM */ 

a.btn.is_filled.attention_medium {
  color: var(--section_background, var(--solid-button-label));
  background-color: var(--section_foreground, var(--solid-button-background-medium));
}

a.btn.has_stroke.attention_medium {
  color: var(--section_foreground, var(--solid-button-background-medium));
  border: 1px solid var(--section_foreground, var(--solid-button-background-medium));
  background: transparent;
}

a.btn.just_text.attention_medium {
  background: none;
  border: none;
  color: var(--section_foreground, var(--solid-button-background-medium));
}

.star-btn__stars.star-btn__stars--default.is_filled.attention_medium {
  fill: var(--section_background, var(--solid-button-label));
}

.star-btn__stars.star-btn__stars--hover.is_filled.attention_medium {
  fill: var(--section_background, var(--solid-button-label));
}

.star-btn__stars.star-btn__stars--default.has_stroke.attention_medium {
  fill: var(--section_foreground, var(--solid-button-background-medium));
}

.star-btn__stars.star-btn__stars--hover.has_stroke.attention_medium {
  fill: var(--section_foreground, var(--solid-button-background-medium));
}

.star-btn__stars.star-btn__stars--default.just_text.attention_medium {
  fill: var(--section_foreground, var(--solid-button-background-medium));
}

.star-btn__stars.star-btn__stars--hover.just_text.attention_medium {
  fill: var(--section_foreground, var(--solid-button-background-medium));
}

/* Knap indstillinger CSS - LOW */ 

a.btn.is_filled.attention_low {
  color: var(--section_background, var(--solid-button-label));
  background-color: var(--section_foreground, var(--solid-button-background-low));
}

a.btn.has_stroke.attention_low {
  color: var(--section_foreground, var(--solid-button-background-low));
  border: 1px solid var(--section_foreground, var(--solid-button-background-low));
  background: transparent;
}

a.btn.just_text.attention_low {
  background: none;
  border: none;
  color: var(--section_foreground, var(--solid-button-background-low));
}

.star-btn__stars.star-btn__stars--default.is_filled.attention_low {
  fill: var(--section_background, var(--solid-button-label));
}

.star-btn__stars.star-btn__stars--hover.is_filled.attention_low {
  fill: var(--section_background, var(--solid-button-label));
}

.star-btn__stars.star-btn__stars--default.has_stroke.attention_low {
  fill: var(--section_foreground, var(--solid-button-background-low));
}

.star-btn__stars.star-btn__stars--hover.has_stroke.attention_low {
  fill: var(--section_foreground, var(--solid-button-background-low));
}

.star-btn__stars.star-btn__stars--default.just_text.attention_low {
  fill: var(--section_foreground, var(--solid-button-background-low));
}

.star-btn__stars.star-btn__stars--hover.just_text.attention_low {
  fill: var(--section_foreground, var(--solid-button-background-low));
}