/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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 */

/* Custom button CSS */


.button-wrapper {
  width: auto;
  max-width: 100%;
  padding: 8px 0;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  cursor: pointer;
}

.button-content {
  display: flex;
  align-items: center;
  justify-content: space-between; /* Default alignment */
  width: 100%;
  gap: var(--label-icon-spacing, 18px); /* Default spacing */
}


.button-wrapper .label-link {
  text-decoration: none; /* Optional: to remove the underline from the link */
  cursor: pointer;
}

.button-wrapper label {
  padding-right: var(--label-icon-spacing, 18px); 
  font-size: 16px;
  font-weight: 400;
  color: #efefef;
  text-decoration: underline;
  cursor: pointer;
}

.square-rotate {
  display: block;
  background-color: transparent;
  padding: 8px 12px;
  height: 36px;
  width: 36px;
  border: 0;
  color: #fff;
  position: relative;
}

.square-rotate i {
  z-index: 1;
  color: #fff;
}

.square-rotate i:hover {
  color: #000;
}

.square-rotate:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: var(--after-bg-color, #1c6938);
  border: 1px solid var(--after-border-color, #000);
  z-index: 1;
  transform: rotate(45deg);
  transition: background-color 0.3s ease-in;
}

.square-rotate:hover:after {
  background-color: white;
  border: 1px solid #000;
  color: #1c6938;
  transition: background-color 0.3s ease-out;
}

.button-wrapper svg {
  width: 16px;
  height: 16px;
  fill: #fff;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 2;
}