/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-gpb-block-gosign-promo-box {
  display: -ms-flexbox;
  display: flex; }
  .wp-block-gpb-block-gosign-promo-box .gosign-promobox-textbox {
    width: 80%;
    padding: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .wp-block-gpb-block-gosign-promo-box .gosign-promobox-button {
    width: 20%;
    position: relative; }
    .wp-block-gpb-block-gosign-promo-box .gosign-promobox-button a {
      height: 30px;
      line-height: 28px;
      position: absolute;
      text-align: center !important;
      padding: 5px 13px;
      right: 20px;
      top: 0;
      bottom: 0;
      border: 1px solid #ccc;
      margin: auto;
      font-size: 14px;
      overflow: hidden;
      border: none;
      cursor: pointer;
      -webkit-transition: all 300ms ease-in-out;
      -o-transition: all 300ms ease-in-out;
      transition: all 300ms ease-in-out; }
      .wp-block-gpb-block-gosign-promo-box .gosign-promobox-button a:hover {
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 6px 16px rgba(0, 0, 0, 0.1);
                box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 0 4px 4px rgba(0, 0, 0, 0.1), 0 8px 8px rgba(0, 0, 0, 0.1), 0 6px 16px rgba(0, 0, 0, 0.1); }
  .wp-block-gpb-block-gosign-promo-box .gosign-promobox-clearboth {
    clear: both; }