/* admin go premium > popup box*/

#td-admin-popup {
  display: none;
  margin: 0;
  padding: 25px;
  position: fixed;
  bottom: 40px;
  right: 18px;
  width: 200px;
  min-height: 100px;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #E6E8EB;
  border-radius: 4px;
  z-index: 3;

  .media-modal-close {
    border: none;

    &:hover,
    &:focus {
      color: #f13434;
      box-shadow: none;
    }
  }

  .button {
    font-size: 15px;
  }

  p {
    text-align: center;
    font-size: 16px;
    line-height: 20px;

    &.features-text {
      font-size: 15px;
      margin-top: 0;

      b {
        font-weight: 700;
      }
    }

    &.no-problem-text {
      margin: 10px 0;
    }

    &.covered-text {
      margin-bottom: 24px;
    }
  }

  .td-go-premium-button {
    color: #fff;
    line-height: 1;
    text-decoration: none;
    margin: 5px auto 2px auto;
    padding: 15px 25px 12px;
    display: table;
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    opacity: 0.8;
    cursor: pointer;
    .transition(all 0.4s ease-out);
    border: none;
    background: transparent;

    &:focus {
      outline: none;
    }

    &:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      background-color: #f13434;
      border-radius: 50px;
      background-repeat: no-repeat;
      background-position: center right;
      border: 1px solid #f13434;
      width: 100%;
      height: 100%;
      opacity: 0.9;
      z-index: -1;
      .transition(all 0.4s ease-out);
    }

    &:hover {
      &:before {
        opacity: 1;
        .box-shadow(0 2px 8px 0 rgba(241, 52, 52, 0.6));
      }
    }
  }
}

.td-display-block {
  display: block !important;
}

.tdcComposerLoaded {
  #td-admin-popup {
    bottom: 64px;
    right: 27px;
  }
}
