/*Animacija Menu buttna na hover*/
.hover-button .elementor-widget-container {
  position: relative;
  overflow: hidden;
  background-color: transparent;
  background-image: linear-gradient(to right, #B2C090 50%, transparent 50%);
  background-size: 200% 100%;
  background-position: 100% 0;
  transition: background-position 0.5s ease-in-out;
}
.hover-button .elementor-widget-container:hover {
  background-position: 0 0;
}
.hover-button .elementor-widget-container a:hover {
  color: #fff !important;
}
.hover-button .elementor-icon-box-,
.hover-button h3.elementor-icon-box-title  {
  transition: transform 0.4s ease;
  z-index: 1;
}
.hover-button .elementor-widget-container:hover .elementor-icon-box-icon {
  transform: translateX(5px);
  transition: transform 0.4s ease-in-out;
}
.hover-button .elementor-icon-box-icon,
.hover-button h3.elementor-icon-box-title  {
  transition: transform 0.4s ease-in-out;
}
.hover-button .elementor-widget-container:hover h3.elementor-icon-box-title  {
  transform: translateX(-5px);
  transition: transform 0.4s ease-in-out;
}
.vsebina-container .elementor-widget-container,
.hover-button.elementor-icon-box-wrapper {
  display: inline-flex !important;
  width: auto !important;
  max-width: unset !important;
}
/*link-button*/




/*Button ikona*/
.elementor-button-icon svg {
  width: 32px !important;
  transition: transform 0.5s ease;
  transform: translateX(0);
}
.elementor-button:hover .elementor-button-icon svg {
  transform: translateX(12px);
}
.elementor-button-text {
  display: inline-flex !important;        
  align-items: center !important; 
}

/*Navaden button*/
.elementor-button {
  transition: transform 0.3s ease;
}


/*Button hover animacija*/
.crn-hover-btn a.elementor-button.elementor-button-link.elementor-size-sm::before{
    content: '' !important;
    position: absolute !important;
    background: #000 !important;
    width: 100% !important;
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
    transform: scaleX(0) !important;
    transform-origin: right !important;
    transition: transform .4s ease !important;
}
.crn-hover-btn a.elementor-button.elementor-button-link.elementor-size-sm:hover::before {
  transform:scale(1) !important;
  transform-origin: left !important;
}
.crn-hover-btn span.elementor-button-text:hover {
  z-index: 1 !important;
  color:#fff !important;
}
.crn-hover-btn:hover span.elementor-button-icon svg {
  z-index: 1 !important;
  color:#fff !important;
}

/*Pravna text in ikona*/
.elementor-button span {
  text-decoration: inherit;
  display: inline-flex;
}

/*Elementor Button*/
.elementor-button {
  position: relative;
  overflow: hidden;
  transition: transform 0.3s ease;
  color: #fff;
  line-height: 1 !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.elementor-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 0;
  transition: left 0.4s ease;
  display: block !important;
}
.elementor-button:hover::before {
  left: 0;
}
/* Da je tekst nad črnim slojem */
.elementor-button * {
  position: relative;
  z-index: 1;
  transition: color 0.3s ease;
}
.elementor-button:hover {
  color: #fff;
}
span.elementor-button-text {
  margin-top: 1px !important;
  margin-bottom: -1px !important;
}