.space-mono-bold {
  font-family: "Space Mono", monospace;
  font-weight: 700;
  font-style: normal;
}

.space-mono-regular {
  font-family: "Space Mono", monospace;
  font-weight: 400;
}

.space-mono-normal {
  font-family: "Space Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

.card_height {
  width: 100%;
  height: 750px;
  margin-bottom: 3.6rem;
}


.reverb_colour {
 color: #A8B400;
}

.filter_colour {
 color: #02AFEF;
}

.delay_colour {
 color: #E9479B;
}

.distortion_colour {
 color: #F4374C;
}



.bg_reverb_colour {
 background-color: #A8B400 !important;
}

.bg_filter_colour {
 background-color: #02AFEF !important;
}

.bg_delay_colour {
 background-color: #E9479B !important;
}

.bg_distortion_colour {
 background-color: #F4374C !important;
}



.hover-link,
.hover-link:hover {
text-decoration: none;
}
.hover-link:hover .uk-button {
opacity: 0.8;
}

            .hover-link {
                display: block;
                overflow: hidden;
                position: relative;
            }
            .hover-link .uk-background-cover {
                transition: transform 0.4s ease;
                transform-origin: center center;
            }
            .hover-link:hover .uk-background-cover {
                transform: scale(1.05);
            }
            .hover-link button {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                margin: 0;
                border-radius: 0;
                z-index: 1;
                opacity: 1 !important;
            }
            .hover-link button:hover {
                opacity: 1 !important;
            }
            .hover-link button img {
                transition: transform 0.4s ease;
            }
            .hover-link:hover button img {
                transform: rotate(90deg);
                 }



/* Design selector buttons */
.design-btn {
  border-radius: 0;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.design-btn:hover {
  opacity: 0.85;
}
.design-btn .design-check {
  display: none;
}
.design-btn.uk-active .design-check {
  display: inline-block;
}


/* Size selector buttons */
.size-btn {
  width: 100%;
  border-radius: 0;
  border: 2px solid #333;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
  font-size: 2rem;
  padding: 1.2rem 1.4rem;
}
.size-btn-inactive {
  background: #333;
  color: #fff;
}
.size-btn-inactive:hover {
  background: #555;
  color: #fff;
}
.size-btn-active {
  background: #999;
  color: #fff;
  border-color: #999;
}


@media screen and (max-width: 640px) {
.card_height {
  height: 600px;
}

.uk-input.uk-form-large {
  height: 4.8rem !important;
  font-size: 1.6rem !important;
}

}