/* 
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 Crexed
Author: Crexed
Author URI: https://crexed.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 */

.product-navigation-buttons {
    display: flex;
    justify-content: center; /* Center the buttons */
    gap: 10px; /* Add some space between the buttons */
    margin: 20px 0; /* Add top and bottom margin */
}

.product-navigation-buttons .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px; /* Make the button square */
    height: 40px;
    border: 2px solid #333; /* Border styling */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Remove underline */
    font-size: 18px; /* Arrow size */
    color: #333; /* Icon color */
    transition: background-color 0.3s ease, color 0.3s ease;
}

.product-navigation-buttons .button span {
    display: block;
}

.product-navigation-buttons .button:hover {
    background-color: #333; /* Change background on hover */
    color: #fff; /* Change arrow color on hover */
}

 .spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left-color: #4CAF50;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}