/*
Theme Name:   Voxel (child theme2)
Theme URI:    https://getvoxel.io/
Author:       27collective
Author URI:   https://27collective.net/
Template:     voxel
Version:      1.0
Text Domain:  voxel-child
*/

@import url(custom/default.css);
@import url(custom/background-transitions.css);
@import url(custom/custom.css);
@import url(custom/svgs.css);
@import url(custom/buttons.css);
@import url(custom/textreveal.css);
@import url(custom/header.css);
@import url(custom/rotating-text.css);


.transparency{
  background-color: var(--color-primary--transparency-40);
}

/* Border shine effect for .effect button */
.effect {
  position: relative;
  border: 2px solid #FF2975;
  overflow: hidden;
}

.effect::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(120deg, transparent 40%, #FF2975 50%, transparent 60%);
  opacity: 0.7;
  transform: rotate(0deg);
  transition: transform 0.6s cubic-bezier(0.4,0,0.2,1);
  pointer-events: none;
}

.effect:hover::before {
  transform: rotate(20deg);
  opacity: 1;
}