@import '../variable';

.br-2 {
  border-radius: $button-border-radius;
}
.br-3 {
  border-radius: $border-radius;
}

.br-4 {
  border-radius: 1rem;
}

.border-blue {
  border: 1px solid $color-main-blue;
  border-radius: $border-radius;
}

.border-green-gradient {
  display: block;
  background: linear-gradient(0deg, $color-main-green 0%, $color-additional-green 100%);
  border-radius: $border-radius;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 1px;

  & > *:nth-child(1) {
    background-color: $color-main-white;
    border-radius: $border-radius;
  }
}

.border-blue-gradient {
  display: block;
  background: linear-gradient(191deg, $color-border-blue, $color-border-blue-darken);
  border-radius: $border-radius;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 1px;

  & > *:nth-child(1) {
    background-color: $color-main-white;
    border-radius: $border-radius;
  }
}

.border-yellow-gradient {
  display: block;
  background: linear-gradient(180deg, $color-additional-yellow 0%, $color-main-yellow 100%);
  border-radius: $border-radius;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 1px;

  & > *:nth-child(1) {
    background-color: $color-main-white;
    border-radius: $border-radius;
  }
}

.border-orange-gradient {
  display: block;
  background: linear-gradient(180deg, $color-additional-orange 0%, $color-main-orange 100%);
  border-radius: $border-radius;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 1px;

  & > *:nth-child(1) {
    background-color: $color-main-white;
    border-radius: $border-radius;
  }
}

.border-red-gradient {
  display: block;
  background: linear-gradient(0deg, $color-main-gradient-red 0%, $color-additional-gradient-red 100%);
  border-radius: $border-radius;
  box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.1);
  padding: 1px;

  & > *:nth-child(1) {
    background-color: $color-main-white;
    border-radius: $border-radius;
  }
}