/* [project]/src/components/Button/styles/PcClaimButton.module.scss.module.css [app-client] (css) */
.PcClaimButton-module-scss-module__fbUttW__button {
  color: #fff;
  width: 120px;
  height: 48px;
  font-family: var(--font-roboto);
  background: #8632fb radial-gradient(191.86% 117.17% at 22.49% 0, #ec3ad1 20.5%, #8632fb 100%);
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding: 12px 16px;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  transition: all .24s ease-in-out;
  display: flex;
}

@media only screen and (max-width: 1279px) {
  .PcClaimButton-module-scss-module__fbUttW__button {
    width: 100px;
    height: 40px;
    padding: 8px 12px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 767px) {
  .PcClaimButton-module-scss-module__fbUttW__button {
    background: #8632fb radial-gradient(191.86% 117.17% at 22.49% 0, #ec3ad1 20.5%, #8632fb 100%);
    border-radius: 8px;
    width: auto;
    min-width: 56px;
    height: 32px;
    margin: auto;
    padding: 8px;
    font-size: 12px;
  }
}

@media only screen and (max-width: 639px) {
  .PcClaimButton-module-scss-module__fbUttW__button {
    border-radius: 2.2222vw;
    min-width: 15.5556vw;
    height: 8.8889vw;
    padding: 2.2222vw;
    font-size: 3.3333vw;
  }
}

.PcClaimButton-module-scss-module__fbUttW__button:hover, .PcClaimButton-module-scss-module__fbUttW__button:focus-visible {
  background: var(--brand-primary);
}

@media only screen and (max-width: 767px) {
  .PcClaimButton-module-scss-module__fbUttW__nxpc {
    display: none;
  }
}

/* [project]/node_modules/@msu/auth-ui/node_modules/@msu/mds/dist/assets/Button.css [app-client] (css) */
._button_1ax1a_9 {
  cursor: pointer;
  border: none;
  align-items: center;
  transition: color .2s ease-out, background-color .2s ease-out, box-shadow .2s ease-out, border .2s ease-out, opacity .2s ease-out, transform .2s ease-out, scale .2s ease-out;
  display: inline-flex;
}

._button_1ax1a_9:focus:not(:disabled) {
  outline: none;
}

._button_1ax1a_9._micro_1ax1a_20 {
  border-radius: 0;
  gap: 0;
  height: 20px;
  padding: 0;
}

._button_1ax1a_9._mini_1ax1a_26 {
  border-radius: 0;
  gap: 0;
  height: 22px;
  padding: 0;
}

._button_1ax1a_9._tiny_1ax1a_32 {
  border-radius: 8px;
  gap: 4px;
  height: 24px;
  padding: 0 8px;
}

._button_1ax1a_9._small_1ax1a_38 {
  border-radius: 8px;
  gap: 4px;
  height: 32px;
  padding: 0 12px;
}

._button_1ax1a_9._medium_1ax1a_44 {
  border-radius: 12px;
  gap: 8px;
  height: 40px;
  padding: 0 16px;
}

._button_1ax1a_9._large_1ax1a_50 {
  border-radius: 12px;
  gap: 8px;
  height: 48px;
  padding: 0 20px;
}

._button_1ax1a_9._icon-tiny_1ax1a_56 {
  border-radius: 8px;
  gap: 4px;
  width: 24px;
  height: 24px;
  padding: 0;
}

._button_1ax1a_9._icon-small_1ax1a_63 {
  border-radius: 8px;
  gap: 4px;
  width: 32px;
  height: 32px;
  padding: 0;
}

._button_1ax1a_9._icon-medium_1ax1a_70 {
  border-radius: 12px;
  gap: 8px;
  width: 40px;
  height: 40px;
  padding: 0;
}

._button_1ax1a_9._icon-large_1ax1a_77 {
  border-radius: 12px;
  gap: 8px;
  width: 48px;
  height: 48px;
  padding: 0;
}

/* [project]/node_modules/@msu/auth-ui/node_modules/@msu/mds/dist/assets/Loading.css [app-client] (css) */
._loading_d66mz_5 {
  animation: 1s linear infinite _spin_d66mz_1;
}

._large_d66mz_9 {
  width: 24px;
  height: 24px;
}

._medium_d66mz_14 {
  width: 20px;
  height: 20px;
}

._small_d66mz_19 {
  width: 16px;
  height: 16px;
}

._tiny_d66mz_24 {
  width: 12px;
  height: 12px;
}

@keyframes _spin_d66mz_1 {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

/* [project]/node_modules/@msu/auth-ui/node_modules/@msu/mds/dist/assets/Button2.css [app-client] (css) */
._AccentFilled_6sdgx_9 {
  color: var(--neutral-white);
  background-color: var(--brand-primary);
}

._AccentFilled_6sdgx_9:hover:not(:disabled), ._AccentFilled_6sdgx_9:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--brand-primary-action);
}

._AccentFilled_6sdgx_9:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._AccentOutlined_6sdgx_26 {
  color: var(--brand-primary);
  background-color: var(--neutral-white);
  border: 1px solid var(--brand-primary);
}

._AccentOutlined_6sdgx_26:hover:not(:disabled), ._AccentOutlined_6sdgx_26:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--brand-primary);
}

._AccentOutlined_6sdgx_26:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
  border: 1px solid var(--neutral-opacity-gray-g-20);
}

._PrimaryFilled_6sdgx_45 {
  color: var(--neutral-white);
  background-color: var(--gray-900);
}

._PrimaryFilled_6sdgx_45:hover:not(:disabled), ._PrimaryFilled_6sdgx_45:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--neutral-black);
}

._PrimaryFilled_6sdgx_45:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._PrimaryOutlined_6sdgx_62 {
  color: var(--gray-900);
  background-color: var(--neutral-white);
  border: 1px solid var(--gray-900);
}

._PrimaryOutlined_6sdgx_62:hover:not(:disabled), ._PrimaryOutlined_6sdgx_62:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--neutral-black);
  border: 1px solid var(--neutral-black);
}

._PrimaryOutlined_6sdgx_62:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-white);
  border: 1px solid var(--neutral-opacity-gray-g-20);
}

._InverseFilled_6sdgx_83 {
  color: var(--neutral-black);
  background-color: var(--neutral-white);
}

._InverseFilled_6sdgx_83:hover:not(:disabled), ._InverseFilled_6sdgx_83:focus:not(:disabled) {
  color: var(--neutral-black);
  background-color: var(--gray-50);
}

._InverseFilled_6sdgx_83:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._InverseOutlined_6sdgx_100 {
  color: var(--neutral-white);
  background-color: var(--gray-900);
  border: 1px solid var(--neutral-white);
}

._InverseOutlined_6sdgx_100:hover:not(:disabled), ._InverseOutlined_6sdgx_100:focus:not(:disabled) {
  color: var(--gray-900);
  background-color: var(--gray-50);
  border: 1px solid var(--gray-50);
}

._InverseOutlined_6sdgx_100:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--gray-900);
  border: 1px solid var(--neutral-opacity-gray-g-20);
}

._SecondaryFilled_6sdgx_121 {
  color: var(--neutral-white);
  background-color: var(--gray-500);
}

._SecondaryFilled_6sdgx_121:hover:not(:disabled), ._SecondaryFilled_6sdgx_121:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--gray-600);
}

._SecondaryFilled_6sdgx_121:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._SecondaryOutlined_6sdgx_138 {
  color: var(--gray-500);
  background-color: var(--neutral-white);
  border: 1px solid var(--neutral-opacity-gray-g-30);
}

._SecondaryOutlined_6sdgx_138:hover:not(:disabled), ._SecondaryOutlined_6sdgx_138:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--gray-600);
  border: 1px solid var(--gray-600);
}

._SecondaryOutlined_6sdgx_138:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-white);
  border: 1px solid var(--neutral-opacity-gray-g-20);
}

._DangerFilled_6sdgx_159 {
  color: var(--neutral-white);
  background-color: var(--red-500);
}

._DangerFilled_6sdgx_159:hover:not(:disabled), ._DangerFilled_6sdgx_159:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--red-600);
}

._DangerFilled_6sdgx_159:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._DangerOutlined_6sdgx_176 {
  color: var(--red-500);
  background-color: var(--neutral-white);
  border: 1px solid var(--red-500);
}

._DangerOutlined_6sdgx_176:hover:not(:disabled), ._DangerOutlined_6sdgx_176:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--red-600);
  border: 1px solid var(--red-600);
}

._DangerOutlined_6sdgx_176:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-white);
  border: 1px solid var(--neutral-opacity-gray-g-20);
}

._StaticBlack_6sdgx_197 {
  color: var(--neutral-white);
  background-color: var(--gray-900);
}

._StaticBlack_6sdgx_197:hover:not(:disabled), ._StaticBlack_6sdgx_197:focus:not(:disabled) {
  color: var(--neutral-white);
  background-color: var(--neutral-black);
}

._StaticBlack_6sdgx_197:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

._StaticWhite_6sdgx_214 {
  color: var(--gray-900);
  background-color: var(--neutral-white);
}

._StaticWhite_6sdgx_214:hover:not(:disabled), ._StaticWhite_6sdgx_214:focus:not(:disabled) {
  color: var(--gray-900);
  background-color: var(--gray-50);
}

._StaticWhite_6sdgx_214:disabled {
  color: var(--neutral-opacity-gray-g-60);
  background-color: var(--neutral-opacity-gray-g-20);
}

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