:root {
  --fluid-13-16: clamp(13px, 11.9677px + 0.3226vw, 16px);
  --fluid-14-18: clamp(14px, 12.6237px + 0.4301vw, 18px);
  --fluid-15-20: clamp(15px, 13.2796px + 0.5376vw, 20px);
  --fluid-16-20: clamp(16px, 13.9356px + 0.6451vw, 20px);
  --fluid-20-28: clamp(20px, 17.2473px + 0.8602vw, 28px);
  --fluid-100-150: clamp(6.25rem, 5.1747rem + 5.3763vw, 9.375rem);
  --light-blue-100: hsl(180 23% 92% / 1);


}
.fw-600 {
  font-weight: 600!important;
}
.fw-800 {
  font-weight: 800!important;
}
.fluid-13-16 {
  font-size: var(--fluid-13-16);
}
.fluid-14-18 {
    font-size: var(--fluid-14-18);
}
.fluid-15-20 {
    font-size: var(--fluid-15-20);
}
.fluid-16-20 {
    font-size: var(--fluid-16-20);
}


.gbp-btn {
  --btn-padding-x: .75rem;
  --btn-padding-y: 0.25rem;
  --btn-font-size: 1rem;
  --btn-font-weight: 400;
  --btn-line-height: 1.5;
  --btn-color: var(--body-color);
  --btn-bg: transparent;
  --btn-border-width: 1px;
  --btn-border-color: transparent;
  --btn-border-radius: 0.5rem;
  --btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
                     0 1px 1px rgba(0, 0, 0, 0.075);

  display: inline-block;
  padding: var(--btn-padding-y) var(--btn-padding-x);
  font-size: var(--btn-font-size);
  font-weight: var(--btn-font-weight);
  line-height: var(--btn-line-height);
  color: var(--btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--btn-border-width) solid var(--btn-border-color);
  border-radius: var(--btn-border-radius);
  background-color: var(--btn-bg);
  transition: color .15s ease-in-out,
              background-color .15s ease-in-out,
              border-color .15s ease-in-out,
              box-shadow .15s ease-in-out;
}
.gbp-btn--outline {
  --btn-color: #6c757d;
  --btn-border-color: #6c757d;
  --btn-hover-color: #fff;
  --btn-hover-bg: #6c757d;
  --btn-hover-border-color: #6c757d;
  --btn-active-color: #fff;
  --btn-active-bg: #6c757d;
  --btn-active-border-color: #6c757d;
  --btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  &:hover {
  color: var(--btn-hover-color);
  background-color: var(--btn-hover-bg);
  border-color: var(--btn-hover-border-color);
}
}