/* [project]/sfcompute.com/src/components/shadcn/ui/button.module.css [app-client] (css) */
.button-module__Ip1d6q__primary {
  z-index: 0;
  color: #fff;
  color: lab(100% 0 0);
  text-shadow: 0 1px #000b0f66;
  will-change: transform;
  background-image: linear-gradient(#5990ff, #2d6fff 62%, #4a85ff);
  background-image: linear-gradient(lab(59.9589% 10.9178 -67.1467), lab(49.0126% 30.167 -91.3236) 62%, lab(55.8901% 17.5142 -77.4352));
  border: 1px solid #2254f9;
  border: 1px solid lab(41.8195% 34.4334 -88.2009);
  transition-property: border-color, transform, opacity, scale;
  transition-duration: .2s;
  position: relative;
  box-shadow: inset 0 1px #fff3, inset 0 -1px #0003, 0 1px 2px #0003;
  box-shadow: inset 0 1px lab(100% 0 0 / .2), inset 0 -1px lab(0% 0 0 / .2), 0 1px 2px lab(0% 0 0 / .2);
}

.button-module__Ip1d6q__primary:active:not(:disabled) {
  border-color: #0034b4;
  border-color: lab(26.7894% 34.7111 -77.5218);
  transform: scale(.99);
}

.button-module__Ip1d6q__primary[data-size="sm"]:active:not(:disabled) {
  border-color: #0034b4;
  border-color: lab(26.7894% 34.7111 -77.5218);
  transform: scale(.9);
}

@media (hover: hover) {
  .button-module__Ip1d6q__primary:hover:not(:disabled) {
    opacity: .93;
  }

  .button-module__Ip1d6q__primary[data-size="sm"]:hover:not(:disabled) {
    opacity: .85;
  }
}

.button-module__Ip1d6q__primary:before, .button-module__Ip1d6q__primary:after {
  content: "";
  z-index: -1;
  opacity: 0;
  border-radius: 6px;
  transition-property: opacity;
  transition-duration: .2s;
  position: absolute;
  inset: 0;
}

.button-module__Ip1d6q__primary:before {
  background-image: linear-gradient(#6598fe, #2d6fff 62%, #4a85ff);
  background-image: linear-gradient(lab(62.7392% 6.21411 -56.8562), lab(49.0126% 30.167 -91.3236) 62%, lab(55.8901% 17.5142 -77.4352));
  box-shadow: inset 0 1px #fff3, inset 0 -1px #0003;
  box-shadow: inset 0 1px lab(100% 0 0 / .2), inset 0 -1px lab(0% 0 0 / .2);
}

@media (hover: hover) {
  .button-module__Ip1d6q__primary.button-module__Ip1d6q__after:hover:not(:disabled):before {
    opacity: 1;
  }
}

.button-module__Ip1d6q__primary:after {
  background-image: linear-gradient(#0033be, #2d6fff 38%, #5990ff);
  background-image: linear-gradient(lab(26.9582% 45.2129 -88.4493), lab(49.0126% 30.167 -91.3236) 38%, lab(59.9589% 10.9178 -67.1467));
  box-shadow: inset 0 1px 1px #002188;
  box-shadow: inset 0 1px 1px lab(15.9211% 51.4496 -82.3218);
}

.button-module__Ip1d6q__primary.button-module__Ip1d6q__after:active:not(:disabled):after {
  opacity: 1;
}

/* [project]/sfcompute.com/src/app/(landing)/components.module.css [app-client] (css) */
.components-module__yipkBG__btnBigBlue {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 4);
  border-radius: var(--radius-lg, .5rem);
  border-style: var(--tw-border-style);
  border-width: 1px;
  border-color: var(--color-blue-600, #155dfc);
  --tw-gradient-position: to top;
  display: flex;
}

@supports (color: lab(0% 0 0)) {
  .components-module__yipkBG__btnBigBlue {
    border-color: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
  }
}

@supports (background-image: linear-gradient(in lab, red, red)) {
  .components-module__yipkBG__btnBigBlue {
    --tw-gradient-position: to top in oklab;
  }
}

.components-module__yipkBG__btnBigBlue {
  background-image: linear-gradient(var(--tw-gradient-stops));
  --tw-gradient-from: var(--color-blue-600, #155dfc);
  --tw-gradient-to: var(--color-blue-500, #3080ff);
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  padding-inline: calc(var(--spacing, .25rem) * 4);
  padding-block: calc(var(--spacing, .25rem) * 2);
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  --tw-font-weight: var(--font-weight-medium, 500);
  font-weight: var(--font-weight-medium, 500);
  color: var(--color-white, #fff);
  --tw-shadow: var(--ds-shadow-border-medium);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
}

@supports (color: lab(0% 0 0)) {
  .components-module__yipkBG__btnBigBlue:hover {
    --tw-gradient-from: var(--color-blue-600, lab(44.0605% 29.0279 -86.0352));
    --tw-gradient-to: var(--color-blue-500, lab(54.1736% 13.3369 -74.6839));
  }
}

@media (hover: hover) {
  .components-module__yipkBG__btnBigBlue:hover {
    scale: 101%;
  }
}

@media (hover: hover) {
  .components-module__yipkBG__btnBigBlue:hover {
    opacity: .9;
  }
}

.components-module__yipkBG__btnBigBlue:active {
  scale: 99%;
}

.components-module__yipkBG__btnSmall {
  margin-right: calc(var(--spacing, .25rem) * 1);
  width: max-content;
  display: flex;
}

@media (hover: hover) {
  .components-module__yipkBG__btnSmall:hover {
    scale: 103%;
  }
}

@media (hover: hover) {
  .components-module__yipkBG__btnSmall:hover {
    opacity: .9;
  }
}

.components-module__yipkBG__btnSmall:active {
  scale: 98%;
}

.components-module__yipkBG__btnSmall {
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--spacing, .25rem) * 2);
  border-radius: var(--radius-lg, .5rem);
  padding-inline: calc(var(--spacing, .25rem) * 2);
  padding-block: calc(var(--spacing, .25rem) * 1);
  font-family: var(--font-sans, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
  font-size: var(--text-base, 1rem);
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
  color: var(--color-neutral-500, #737373);
  --tw-shadow: var(--ds-shadow-border-small);
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  transition-property: all;
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
  --tw-duration: .2s;
  transition-duration: .2s;
}

@supports (color: lab(0% 0 0)) {
  .components-module__yipkBG__btnSmall:hover {
    color: var(--color-neutral-500, lab(48.496% 0 0));
  }
}

@media (hover: hover) {
  .components-module__yipkBG__btnSmall:hover {
    border-color: var(--color-gray-300, #d1d5dc);
  }
}

@media (hover: hover) {
  .components-module__yipkBG__btnSmall:hover {
    background-color: var(--color-gray-50, #f9fafb);
  }
}

@media (hover: hover) {
  .components-module__yipkBG__btnSmall:hover {
    color: var(--color-neutral-800, #262626);
  }
}

@media (hover: hover) {
  .components-module__yipkBG__btnSmall:hover {
    text-decoration-line: none;
  }
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

/*# sourceMappingURL=sfcompute_com_src_13ops1k._.css.map*/