{"version":3,"file":"style-index.css","mappings":";;;;;;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;;AAGA;EACE;EACA;EACA;AAAF;;AAGA;EACE;AAAF;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;AACE;EACE;EACA;EACA;EACA;AACJ;AACE;EACE;EACA;AACJ;AAAI;EACE;AAEN;AACE;EACE;AACJ;AACE;EACE;EACA;AACJ;AAAI;EACE;AAEN;AACE;EACE;AACJ;AAEI;EACE;AAAN;AAGE;EACE;EACA;EACA;AADJ;AAEI;EACE;AAAN;AAEI;EACE;AAAN;AAGE;EACE;EACA;EACA;EACA;AADJ;AAEI;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAN;AAEI;EACE;EACA;AAAN;AACM;EACE;EACA;AACR;AAEI;EACE;EACA;AAAN;AACM;EACE;EACA;AACR;AAEI;EACE;AAAN;AACM;EACE;EACA;AACR;AAEI;EACE;AAAN;AAEI;EACE;EACA;AAAN;AACM;EACE;EACA;AACR;AACM;EACE;AACR;AAGE;EAEE;EACA;EACA;EACA;AAFJ;AAGI;EACE;EACA;EACA;EACA;EACA;AADN;AAGI;EACE;EACA;EACA;EACA;KAAA;EACA;EACA;AADN;AAGI;EACE;AADN;AAEM;EACE;AAAR;AAEM;EACE;EACA;AAAR;AAIM;EACE;AAFR;AAIM;EACE;EACA;AAFR;AAKI;EACE;AAHN;AAKI;EACE;EACA;EACA;AAHN;AAKI;EACE;EACA;EACA;EACA;AAHN;AAKI;EACE;EACA;EACA;EACA;EACA;EACA;AAHN;AAKI;EACE;EACA;EACA;EACA;EACA;EACA;AAHN;AAKI;EACE;AAHN;AAOI;EACE;AALN;AAQE;EACE;AANJ;AAQE;EAEE;EACA;EACA;EACA;AAPJ;AAQI;EACE;AANN;AAQI;EACE;AANN;;AAYE;EADF;IAEI;EARF;AACF;;AAWE;EADF;IAEI;EAPF;AACF;AAQE;EAJF;IAKI;EALF;AACF;;AAQE;EADF;IAEI;EAJF;AACF;;AAOE;EADF;IAEI;EAHF;AACF;;AAOE;EACE;AAJJ;;AAQA;EACE;AALF;;AAQA;EACE;AALF;;AAQA;EACE;AALF;;AAOA;EAAW;AAHX;;AAKA;EACC;EACA;EACA;EACA;AAFD;AAGC;EACG;EACF;AADF;AAGC;EACC;AADF;AAGC;EACC;AADF;AAGC;EACC;EACE;AADJ;AAGC;EACC;EACE;AADJ;AAGC;EACC;EACE;AADJ;AAGC;EACC;EACA;EACA;AADF;AAIC;EACC;EACA;EACA;EACA;EACA;EACA;AAFF;AAKC;EACC;EACA;EACA;AAHF;;AAMA;EACE;AAHF;;AAKA;EACE;EACA;EACA;AAFF,C","sources":["webpack://click-to-mail-button/./src/style.scss"],"sourcesContent":["@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n\n:root {\n  --color-primary: #1163FA;\n  --color-dark-primary: #0d1321;\n  --color-secondary: #0048cd;\n  --color-dark-secondary: #161e2e;\n  --color-active: #26c281;\n  --color-inactive: #f1a528;\n  --color-offline: #a4a4a4;\n  --color-message: #f1f0f0;\n  --color-light: #fff;\n  --color-dark: #222;\n  --color-dark-mode: #006289;\n  --color-dark-mode2: #0b5572;\n  --shadow: 0 7px 15px 1px rgb(55 62 70 / 7%);\n}\n\n[class*='ctm'] * {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\n[class*='ctm'] {\n  font-family: 'Poppins', sans-serif;\n}\n\n[class*='ctm-button-'] {\n  padding: 15px 30px;\n  border: none;\n  color: var(--color-light) !important;\n  border-radius: 5px;\n  font-weight: 600;\n  display: inline-flex;\n  font-size: 16px;\n  gap: 10px;\n  align-items: center;\n  transition: all 0.5s;\n  cursor: pointer;\n  text-decoration: none !important;\n  border: 1px solid var(--color-primary);\n  background-color: var(--color-light);\n  i {\n    font-size: 20px;\n    transition: all 0.5s;\n    margin-left: -5px;\n    color: var(--color-primary);\n  }\n  &:hover {\n    background-color: var(--color-secondary);\n    color: var(--color-light);\n    i {\n      color: var(--color-light);\n    }\n  }\n  &.ctm-btn-rounded {\n    border-radius: 30px;\n  }\n  &.ctm-btn-lg {\n    padding: 15px 35px;\n    font-size: 18px;\n    i {\n      font-size: 25px;\n    }\n  }\n  &.ctm-btn-sm {\n    padding: 10px 15px;\n  }\n  &.ctm-btn-effect {\n    &:hover {\n      transform: translateY(-10px);\n    }\n  }\n  &.ctm-btn-bg {\n    background-color: var(--color-primary);\n    color: var(--color-light);\n    border: none;\n    i {\n      color: var(--color-light);\n    }\n    &:hover {\n      background-color: var(--color-secondary);\n    }\n  }\n  &.ctm-button-3 {\n    background-color: var(--color-light);\n    color: var(--color-dark);\n    border-radius: 5px;\n    padding: 5px 10px;\n    i {\n      width: 45px;\n      height: 45px;\n      border-radius: 50%;\n      padding: 0;\n      border: none;\n      font-size: 20px;\n      background: var(--color-primary);\n      color: var(--color-light);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.5s;\n    }\n    &:hover {\n      background-color: var(--color-secondary);\n      color: var(--color-light);\n      i {\n        background-color: var(--color-light);\n        color: var(--color-primary);\n      }\n    }\n    &.ctm-btn-lg {\n      padding: 10px 15px;\n      font-size: 18px;\n      i {\n        width: 50px;\n        height: 50px;\n      }\n    }\n    &.ctm-btn-sm {\n      font-size: 14px;\n      i {\n        width: 40px;\n        height: 40px;\n      }\n    }\n    &.ctm-btn-rounded {\n      border-radius: 45px;\n    }\n    &.ctm-btn-bg {\n      background-color: var(--color-primary);\n      color: var(--color-light);\n      i {\n        background-color: var(--color-light);\n        color: var(--color-primary);\n      }\n      &:hover {\n        background-color: var(--color-secondary);\n      }\n    }\n  }\n  &.avatar-active,\n  &.avatar-inactive {\n    line-height: 1;\n    padding: 7px 18px 7px 10px;\n    border-radius: 5px;\n    position: relative;\n    a {\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      left: 0;\n      top: 0;\n    }\n    img {\n      width: 55px;\n      height: 55px;\n      border-radius: 50%;\n      object-fit: cover;\n      padding: 0;\n      border: 1px solid var(--color-light) !important;\n    }\n    &.ctm-btn-lg {\n      padding: 10px 13px;\n      .title {\n        font-size: 17px;\n      }\n      img {\n        width: 60px;\n        height: 60px;\n      }\n    }\n    &.ctm-btn-sm {\n      .title {\n        font-size: 13px;\n      }\n      img {\n        width: 50px;\n        height: 50px;\n      }\n    }\n    .info-wrapper {\n      text-align: left;\n    }\n    .info {\n      font-size: 10px;\n      margin-bottom: 7px;\n      line-height: 1;\n    }\n    .title {\n      margin-bottom: 7px;\n      font-weight: 700;\n      line-height: 1;\n      font-size: 16px;\n    }\n    .online {\n      display: inline-block;\n      padding: 5px;\n      background-color: var(--color-active);\n      font-size: 10px;\n      border-radius: 5px;\n      line-height: 1;\n    }\n    .offline {\n      display: inline-block;\n      padding: 5px;\n      background-color: var(--color-active);\n      font-size: 10px;\n      border-radius: 5px;\n      line-height: 1;\n    }\n    &.ctm-btn-rounded {\n      border-radius: 50px;\n    }\n  }\n  &.avatar-active {\n    .offline {\n      display: none;\n    }\n  }\n  &.avatar-inactive {\n    border: none;\n  }\n  &.avatar-inactive,\n  &.avatar-inactive:hover {\n    background-color: var(--color-offline) !important;\n    color: var(--color-light) !important;\n    cursor: not-allowed;\n    border-color: var(--color-dark) !important;\n    .online {\n      display: none;\n    }\n    .offline {\n      background-color: var(--color-inactive) !important;\n    }\n  }\n}\n\n.ctm-desktop-only {\n  @media screen and (max-width: 991px) {\n    display: none;\n  }\n}\n.ctm-tablet-only {\n  @media screen and (min-width: 991px) {\n    display: none;\n  }\n  @media screen and (max-width: 576px) {\n    display: none;\n  }\n}\n.ctm-mobile-only {\n  @media screen and (min-width: 576px) {\n    display: none;\n  }\n}\n.ctm-mobile-tablet-only {\n  @media screen and (min-width: 991px) {\n    display: none;\n  }\n}\n\n.avatar-inactive {\n  a {\n    display: none;\n  }\n}\n\n.mcButtons-align-right {\n  text-align: right;\n}\n\n.mcButtons-align-center {\n  text-align: center;\n}\n\n.mcButtons-align-left {\n  text-align: left;\n}\n.mcButtons{text-decoration:none}\n\n.wp-block-block-course-buttons, .wp-block-create-block-click-to-mail-button {\n\tbackground-color: var(--color-primary);\n\tcolor: var(--color-light);\n\tpadding: 10px 20px;\n\ttext-decoration: none;\n\t&:hover {\n    color: var(--color-light);\n\t\topacity: .85;\n\t}\n\t&.border-squared {\n\t\tborder-radius: 0 !important;\n\t}\n\t&.border-rounded {\n\t\tborder-radius: 40px !important;\n\t}\n\t&.size-small {\n\t\tfont-size: 16px;\n    padding: 10px 15px;\n\t}\n\t&.size-medium {\n\t\tfont-size: 16px;\n    padding: 15px 30px;\n\t}\n\t&.size-large {\n\t\tfont-size: 18px;\n    padding: 15px 35px;\n\t}\n\t&.block-button-wrapper {\n\t\tdisplay: inline-block;\n\t\tmargin-top: 10px;\n\t\tmargin-bottom: 10px;\n\t}\n\n\t.block-button-title {\n\t\tmargin: 0;\n\t\tflex-grow: 1;\n\t\tborder: none;\n\t\tpadding: 15px 20px;\n\t\tborder-radius: 40px;\n\t\tcursor: pointer;\n\t}\n\n\tspan {\n\t\tfont-size: inherit;\n\t\twidth: auto;\n\t\theight: auto;\n\t}\n}\n.button-wrapper {\n  margin-bottom: 16px;\n}\n.ctm-editor {\n  max-width: 840px;\n  margin-left: auto;\n  margin-right: auto;\n}"],"names":[],"sourceRoot":""}