@use '../../scss/base/mixins' as *;

.popoverContainer {
  position: relative;
  background: var(--white);
  border: 1px solid var(--medium-purple);
  border-radius: 4px;
  font-size: var(--font-size-14);
  line-height: var(--line-height-p);
  font-weight: var(--font-weight-regular);
  color: var(--dark-purple);
  word-wrap: break-word;

  box-shadow: 0 3px 6px 0 var(--button-shadow-color);
  border-radius: 4px;

  &.noPadding {
    padding: 0;
  }

  &.popoverPadding {
    padding: 10px;
  }

  .popoverContent {
    padding: 10px;
  }
}