.material-symbols-outlined {
  font-family: 'Material Symbols Outlined' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 18px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;

  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}

.material-symbols-outlined2 {
  font-family: 'Material Symbols Outlined' !important;
  font-weight: normal;
  font-style: normal;
  font-size: 32px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;

  font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 24;
}

.WorksAndCreationmaterial-symbols-rounded {
  display: none;
  font-size: 168px;
  font-family: 'Material Symbols Rounded' !important;
  font-variation-settings:
    'FILL' 1,
    'wght' 200,
    'GRAD' 0,
    'opsz' 40;
}

.material-symbols-rounded {
  font-size: 168px;
  font-family: 'Material Symbols Rounded' !important;
  font-variation-settings:
    'FILL' 1,
    'wght' 400,
    'GRAD' 0,
    'opsz' 40;
}

.material-symbols-Creation {
  font-size: 168px;
  position: relative;
  top: 6px;
  margin: auto 0px auto 0px;
  font-family: 'Material Symbols Rounded' !important;
  font-variation-settings:
    'FILL' 0,
    'wght' 200,
    'GRAD' 0,
    'opsz' 40;
}

.ButtonIcon {
  background-image: linear-gradient(150deg,
      #1c5cff 0%,
      #52e0ff 46%,
      #ff1c55 46%,
      #ff52c2 100%);
  background-size: 260% auto;
  background-position: left center;

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  font-family: 'Material Symbols Outlined' !important;
  display: inline-block;
  transition: all 0.3s;
}

.ButtonIcon-Top {
  background-image: linear-gradient(150deg,
      #1c5cff 0%,
      #52e0ff 45%,
      #ff1c55 45%,
      #ff52c2 100%);
  background-size: 260% auto;
  background-position: left center;

  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  font-family: 'Material Symbols Outlined' !important;
  display: inline-block;
  transition: all 0.3s;
}

.ButtonMiniIcon {
  background-size: 260% auto;
  background-position: left center;
  color: #FFFFFF;

  font-family: 'Material Symbols Outlined' !important;
  display: inline-block;
  transition: all 0.3s;
  margin: auto;

}

@media screen and (max-width: 1299px) and (min-width: 720px) {

  .material-symbols-Creation {
    font-size: 104px;
    position: relative;
    top: 2px;
    margin: auto 0px auto 0px;
    font-family: 'Material Symbols Rounded' !important;
    font-variation-settings:
      'FILL' 0,
      'wght' 200,
      'GRAD' 0,
      'opsz' 40;
  }

  .material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;

    font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 24;
  }

}

@media screen and (max-width:712px) {

  .WorksAndCreationmaterial-symbols-rounded {
    display: none;
  }

  .material-symbols-Creation {
    font-size: 104px;
    position: relative;
    top: 2px;
    margin: auto 0px auto 0px;
    font-family: 'Material Symbols Rounded' !important;
    font-variation-settings:
      'FILL' 0,
      'wght' 200,
      'GRAD' 0,
      'opsz' 40;
  }

  .material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;

    font-variation-settings:
      'FILL' 0,
      'wght' 400,
      'GRAD' 0,
      'opsz' 24;
  }

}