/**
 * @_Variables
 * All the cariables are to be defined in this file
 */
/* Colors */
/**
 * @_Colors
 * All the colors are to be defined in this file
 */
/* Colors */
/* Breakpoints */
/**
 * @_Breakpoints
 * All the breakpoints are to be defined in this file
 */
/* Breakpoints */
/* Breakpoints for max-width */
/* Variables */
/* Fonts */
/* Lato */
/* Sofia Pro */
/* line 3, ../../sass/component/confirmation-modal.scss */
.modal-body {
  padding: 1.875rem 3.75rem;
  display: flex;
  flex-direction: column; }

/* line 8, ../../sass/component/confirmation-modal.scss */
.modal__title {
  font-family: 'sofia-pro';
  font-weight: 700;
  font-size: 1.25rem; }

/* line 13, ../../sass/component/confirmation-modal.scss */
.modal__body {
  font-family: 'sofia-pro';
  font-weight: 300;
  font-size: 0.75rem;
  text-align: center;
  margin: 1.8125rem 0 1.4375rem 0; }

/* line 20, ../../sass/component/confirmation-modal.scss */
.modal__cancel {
  font-family: 'sofia-pro';
  font-weight: 300;
  font-size: 0.875rem;
  margin-top: 1.8125rem;
  cursor: pointer; }