/*-------linear-gradient-------*/
/*-----------------------------*/
.CamsButton {
  position: relative; }
  .CamsButton--fullWidth {
    width: 100%; }
  .CamsButton__loader {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px; }
    .CamsButton__loader > svg {
      color: white; }

.CamsIconButton {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: none;
  border-radius: 100%;
  cursor: pointer; }
  .CamsIconButton--blue {
    background: var(--COLOR_PRIMARY_BACKGROUND_LIGHTEN, #1b224b);
    background: -webkit-linear-gradient(0deg, var(--COLOR_PRIMARY_BACKGROUND_LIGHTEN, #1b224b) 0%, var(--COLOR_PRIMARY_BACKGROUND_DARKEN, #181b3b) 100%);
    background: linear-gradient(90deg, var(--COLOR_PRIMARY_BACKGROUND_LIGHTEN, #1b224b) 0%, var(--COLOR_PRIMARY_BACKGROUND_DARKEN, #181b3b) 100%); }
  .CamsIconButton--lilac {
    background: #d05cf7;
    background: -webkit-linear-gradient(0deg, #d05cf7 0%, #4942db 100%);
    background: linear-gradient(90deg, #d05cf7 0%, #4942db 100%); }
  .CamsIconButton--yellow {
    background: #f5cf27;
    background: -webkit-linear-gradient(0deg, #f5cf27 0%, #f55b27 100%);
    background: linear-gradient(90deg, #f5cf27 0%, #f55b27 100%); }
  .CamsIconButton--disabled, .CamsIconButton.disabled {
    opacity: .6; }
  .CamsIconButton__icon {
    color: white;
    fill: white; }
  .CamsIconButton__label {
    color: white;
    text-align: center;
    font-size: 14px; }
  .CamsIconButton--label.CamsIconButton--84 .CamsIconButton__icon {
    width: 24px;
    height: 24px; }
  .CamsIconButton--label.CamsIconButton--72 .CamsIconButton__icon {
    width: 18px;
    height: 18px; }
  .CamsIconButton--label.CamsIconButton--64 .CamsIconButton__icon {
    width: 14px;
    height: 14px; }
  .CamsIconButton--label.CamsIconButton--64 .CamsIconButton__label {
    font-size: 12px; }
  .CamsIconButton--label.CamsIconButton--48 .CamsIconButton__icon {
    width: 12px;
    height: 12px; }
  .CamsIconButton--label.CamsIconButton--48 .CamsIconButton__label {
    font-size: 11px; }
  .CamsIconButton--84 {
    width: 84px;
    height: 84px; }
    .CamsIconButton--84 .CamsIconButton__icon {
      width: 42px;
      height: 42px; }
  .CamsIconButton--72 {
    width: 72px;
    height: 72px; }
    .CamsIconButton--72 .CamsIconButton__icon {
      width: 36px;
      height: 36px; }
  .CamsIconButton--64 {
    width: 64px;
    height: 64px; }
    .CamsIconButton--64 .CamsIconButton__icon {
      width: 36px;
      height: 36px; }
  .CamsIconButton--48 {
    width: 48px;
    height: 48px; }
    .CamsIconButton--48 .CamsIconButton__icon {
      width: 24px;
      height: 24px; }