// WordPress variables and mixins
@import "~@wordpress/base-styles/variables";
@import "~@wordpress/base-styles/mixins";
@import "~@wordpress/base-styles/breakpoints";
@import "~@wordpress/base-styles/animations";
@import "~@wordpress/components/src/modal/style";
@import "~@wordpress/components/src/button-group/style";
@import "~@wordpress/components/src/button/style";
@import "~@wordpress/components/src/checkbox-control/style";
@import "~@wordpress/components/src/text-control/style";

.go-deactivate-modal {
  .components-modal__content {
	width: 600px;
  }

  .components-modal__header .components-modal__header-heading {
	font-size: 20px;
  }

  .go-deactivate-modal__text {
	display: none;
	margin: 0 0 0 32px;
	width: 93%;

	&.show {
	  display: block;
	}
  }

  .components-modal__content::before {
	margin-bottom: 16px;
  }

  .go-deactivate-modal__checkbox {
	padding: 0 0 24px 0;
  }

  .go-deactivate-modal__checkbox .components-checkbox-control {
	font-size: 14px;
	height: 40px;
	line-height: 24px;
  }

  .components-button-group {
	width: 100%;

	.go-deactivate-modal__button {
	  font-size: 14px;

	  &.is-link {
		text-decoration: none;
	  }

	  &.is-primary {
		border-radius: 6px;
		box-shadow: none;
		margin: 0 15px 0 0;
	  }
	}
  }

  .go-deactivate-modal__footer {
	font-size: 12px;
	line-height: 18px;
	padding: 16px 0 0;
  }
}
