/*!
_buttons.scss
Source file (relative to compiled *.css file): ./scss/_buttons.scss

This file is included in PhotoBerry Studio. For licensing and copyright notices, please see ../../license.txt (relative to *.css file) or ../../../license.txt (relative to *.scss file).
*/
/* Tooltips */

.photoberry-with-title-tooltip {
  position : relative;
  }

.photoberry-with-title-tooltip:hover::before {
  content          : attr(title);
  display          : block;
  position         : absolute;
  top              : -50%;
  left             : 50%;
  transform        : translateX(-50%) translateY(-50%);
  font-size        : 12px;
  line-height      : 1.2em;

  font-family      : $font;
  width            : auto;
  white-space      : nowrap;

  background-color : #fff;
  color            : $text-primary;
  padding          : 10px;
  border-radius    : 5px;
  box-shadow       : $box-shadow-light;
  border           : 1px solid $gray-2;
  z-index          : 10;
  }

.photoberry-with-title-tooltip.photoberry-with-title-tooltip-bottom:hover::before {
  top       : unset;
  bottom    : -50%;
  transform : translateX(-50%) translateY(50%);
  }

.photoberry-studio-button-x.photoberry-studio-close {

  @include button(primary, small, true);

  & {
    padding          : 0 !important;
    position         : absolute;
    top              : 15px;
    right            : 10px;
    width            : 40px;
    height           : 40px;
    background-image : url("../img/icons/black/close.svg");
    background-size  : 28px;
    box-shadow       : unset;
    }
  }

.photoberry-studio-button-text {
  @include buttonText;

  &:hover {
    background-color : transparent !important;
    }
  }

/* Small button */

.photoberry-studio-button.photoberry-studio-loading {
  color         : #ccc !important;
  cursor        : not-allowed !important;
  height        : 36px;
  padding-right : 28px !important;

  &:after {
    width      : 12px;
    height     : 12px;
    transform  : unset;
    margin-top : -6px;
    right      : 8px;
    left       : unset;
    }

  }

.photoberry-studio-button.photoberry-studio-button-secondary.photoberry-studio-button-small {
  @include button(secondary, small, false);
  }

.photoberry-studio-button.photoberry-studio-button-secondary.photoberry-studio-button-very-small {
  @include button(secondary, very-small, false);
  }

.photoberry-studio-button.photoberry-studio-button-primary {
  @include button(primary, medium, false);
  }

.photoberry-studio-button.photoberry-studio-button-secondary {
  @include button(secondary, medium, false);
  }

.photoberry-studio-bulk-clear {
  @include button(secondary, small, true);
  & {
    background-image : url("../img/icons/black/close.svg");
    }
  }