/*
Theme Name: Hyperbariq HQ
Author: Hive Social
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

@media (min-width: 320px) and (max-width: 334px) {
    selector .elementor-button{
        padding: 20px 40px 20px 40px;
    }
}

.elementor-element-46b4398 a.elementor-button span.elementor-button-content-wrapper span.elementor-button-text:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(https://hyperbarichq.com/wp-content/uploads/2025/11/SVG.png);
    top: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 105%;
    margin-top: -20px;
}

.elementor-element-f4729dd a.elementor-button span.elementor-button-content-wrapper span.elementor-button-text:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url(https://hyperbarichq.com/wp-content/uploads/2025/11/SVG-1.png);
    top: 17px;
    background-repeat: no-repeat;
    background-size: contain;
    left: 105%;
    margin-top: -20px;
}

/* Button CSS Start*/

.button .elementor-button-content-wrapper{
    align-items: center;
}

.button a {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.button a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #000;
  z-index: 0;
  transition: width 0.5s ease;
}

.button a:hover::before {
  width: 100%;
}
/* Make sure the actual content stays above the background fill */
.button a * {
  position: relative;
  z-index: 1;
}

/* Button CSS End */

/* Button CSS Start*/

.button-1 .elementor-button-content-wrapper{
    align-items: center;
}

.button-1 a {
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.button-1 a::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #000;
  z-index: 0;
  transition: width 0.5s ease;
}

.button-1 a:hover::before {
  width: 100%;
}
/* Make sure the actual content stays above the background fill */
.button-1 a * {
  position: relative;
  z-index: 1;
}

/* Button CSS End */