/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

button {
  color: currentColor;
}

.gsap-test-button .elementor-button-link {
  align-items: center;
  background: 0 0 !important;
  border: none !important;
  border-radius: 6.25rem;
  color: #fff !important;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.2rem;
  font-weight: 600;
  gap: 0.363636em;
  justify-content: center;
  letter-spacing: -0.01em;
  line-height: 1.04545;
  overflow: hidden;
  padding: 0.9375rem 1.5rem;
  position: relative;
  text-decoration: none;
  word-break: break-word;
  text-decoration: none;
}

@media (hover: hover) {
  .gsap-test-button .elementor-button:hover {
    color: #000000 !important;
    text-decoration: none;
  }
}

.gsap-test-button .elementor-button:after {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.gsap-test-button .elementor-button:after {
  border: 0.125rem solid #ffffff !important;
  border-radius: 6.25rem;
  content: "";
  pointer-events: none;
}

.gsap-test-button .elementor-button-text {
  position: relative;
  text-align: center;
  transition: color 50ms cubic-bezier(0.645, 0.045, 0.355, 1);
}

.gsap-test-button .elementor-button:hover .gsap-test-button .elementor-button-text {
  transition: color 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.button__flair {
  bottom: 0;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
}

.gsap-test-button .elementor-button .button__flair {
  transform: scale(0);
  transform-origin: 0 0;
  will-change: transform;
}

.button__flair:before {
  aspect-ratio: 1/1;
  background-color: #ffffff;
  border-radius: 50%;
  content: "";
  display: block;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: 170%;
}

.gsap-test .elementor-button{
  display: inline-grid;
  overflow: hidden;
}