.continue-with-google-view {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-24);
}

.continue-with-google-view .continue-with-google-button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-8);
  padding: var(--spacing-8);
  line-height: var(--line-height-small-22);
  background-color: var(--extreme-inverted);
  color: var(--extreme);
  border: var(--border-width-base) solid var(--border-color-base);
  border-radius: var(--border-radius-base);
  font-size: var(--font-size-medium-16);
  font-weight: var(--font-weight-semi-bold);
  font-family: var(--typography-font-sans);
  cursor: var(--cursor-base-hover);
  transition: var(--transition-property-base) var(--transition-duration-base) var(--transition-timing-function-system);
}

.continue-with-google-view .continue-with-google-button:hover {
  background-color: var(--background-color-interactive-subtle-hover) !important;
}

.continue-with-google-view .continue-with-google-button:active {
  background-color: var(--background-color-interactive-subtle-active) !important;
}

.continue-with-google-view .continue-with-google-button:focus {
  border-color: var(--border-color-blue-focus) !important;
  outline: var(--border-width-base) solid var(--border-color-blue-focus) !important;
  outline-offset: 0px !important;
}

.continue-with-google-view .continue-with-google-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
}

.continue-with-google-view .continue-with-google-label {
  font-size: var(--font-size-medium-16);
  line-height: var(--line-height-small-22);
}

.continue-with-google-view .continue-with-google-divider {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
}

.continue-with-google-view .continue-with-google-divider::before {
  content: "";
  flex: 1;
  height: var(--border-width-base);
  background-color: var(--border-color-subtle);
}

.continue-with-google-view .continue-with-google-divider::after {
  content: "";
  flex: 1;
  height: var(--border-width-base);
  background-color: var(--border-color-subtle);
}

.continue-with-google-view .continue-with-google-or {
  font-size: var(--font-size-medium-16);
  color: var(--color-subtle);
}