.t396__artboard {
    /*overflow: visible;*/
    /*padding-left: 0 !important;*/
    /*padding-right: 0 !important;*/
}

.bg-gradient {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: inherit;
    z-index: 10 !important;
    
    box-shadow: 0px 0px 0px 0px #3B62EA;
    transition: all 0.3s ease-in;
}
    
.bg-gradient::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: conic-gradient(from 180deg at 50% 50%, #BF1616 0deg, #FF0062 103.85deg, #3B62EA 225deg, #666666 360deg) !important;
    mask: linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
}

.hover:hover .bg-gradient {
    box-shadow: 0px 5px 15px 0px #FF006226, 0px 5px 15px 0px #3B62EA26;
    transition: all 0.3s ease-in;
}


.bg-full {
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    border-radius: inherit;
}

.corner-icon {
    position: absolute;
    bottom: 15px !important;
    right: 15px !important;
    top: auto !important;
    left: auto !important;
    transition: all 0.3s ease-in;
}

.tr-container {
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.br-bottom {
    border-bottom: 1px solid #FFFFFF0D;
}

.zi0 {
    z-index: 0 !important;
}

.zi3 {
    z-index: 3 !important;
}

.zi10 {
    z-index: 10 !important;
}

.zi15 {
    z-index: 15 !important;
}

.hover-gradient {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
  border-radius: 25px;
}

/* градиентный слой */
.hover-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(101.56deg, #2458FF 0%, #7D4DFF 100%);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 0;
  border-radius: 25px;
}

/* hover эффект */
.hover-gradient:hover::before {
  opacity: .8;
}

/* лёгкое движение */
.hover-gradient:hover {
  transform: translateY(-4px);
}

.hover-transform {
  transition: transform 0.4s ease;
}

/* лёгкое движение */
.hover-transform:hover {
  transform: translateY(-4px);
  transition: transform 0.4s ease;
}

.corner-transform:hover .corner-icon {
    width: 800px !important;
    height: 800px !important;
    transform: translate(300px, 300px);
    transition: all 0.5s ease-in;
}

.corner-transform-big:hover .corner-icon {
    width: 1200px !important;
    height: 1200px !important;
    transform: translate(300px, 300px);
    transition: all 0.5s ease-in;
}

.copy-message {
    visibility: hidden !important;
    transform: translateY(-100px);
    opacity: 0;
    scale: .5;
    transition: all 0.3s ease-in;
}

.copy-message.active {
    visibility: visible !important;
    transform: translateY(0);
    opacity: 1;
    scale: 1;
    transition: all 0.3s ease-in;
}