.elementor-25289 .elementor-element.elementor-element-7b3b558:not(.elementor-motion-effects-element-type-background), .elementor-25289 .elementor-element.elementor-element-7b3b558 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://practical-brattain.88-99-99-93.plesk.page/wp-content/uploads/2024/02/2024-02-01-Select-Vmap-Server-Site.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25289 .elementor-element.elementor-element-7b3b558 > .elementor-container{min-height:668px;}.elementor-25289 .elementor-element.elementor-element-7b3b558{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-25289 .elementor-element.elementor-element-7b3b558 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-25289 .elementor-element.elementor-element-a34775f{margin-top:80px;margin-bottom:0px;}.elementor-25289 .elementor-element.elementor-element-bb6c968{text-align:center;}.elementor-25289 .elementor-element.elementor-element-bb6c968 .elementor-heading-title{color:#FFFFFF;}.elementor-25289 .elementor-element.elementor-element-0c88cc7 > .elementor-container{max-width:600px;}.elementor-25289 .elementor-element.elementor-element-0c1939a > .elementor-container{max-width:600px;}.elementor-25289 .elementor-element.elementor-element-ac2d2d6 > .elementor-container{max-width:600px;}.elementor-25289 .elementor-element.elementor-element-32311d6 > .elementor-container{max-width:600px;}.elementor-25289 .elementor-element.elementor-element-28e115a img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}.elementor-25289 .elementor-element.elementor-element-ad8c4c8 img{filter:brightness( 100% ) contrast( 100% ) saturate( 0% ) blur( 0px ) hue-rotate( 0deg );}@media(max-width:767px){.elementor-25289 .elementor-element.elementor-element-7b3b558:not(.elementor-motion-effects-element-type-background), .elementor-25289 .elementor-element.elementor-element-7b3b558 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://practical-brattain.88-99-99-93.plesk.page/wp-content/uploads/2024/02/2024-02-01-Select-Vmap-Server-Site-Mobile.jpg");}}/* Start custom CSS for html, class: .elementor-element-aca8fca *//* Κεντράρισμα κουμπιών */
.button-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

/* Βασικό στυλ κουμπιού */
.ghost-button {
  display: inline-flex;
  align-items: center;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: bold;
  color: red;
  border: 2px solid white;
  border-radius: 5px;
  text-decoration: none;
  background-color: transparent;
  overflow: hidden;
  position: relative;
  transition: color 0.5s ease, border-color 0.5s ease;
}

/* Εφέ λάμψης */
.ghost-button::before {
  content: '';
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  transform: translateX(-100%) rotate(45deg);
  transition: transform 0.5s ease, opacity 0.5s ease;
  opacity: 0;
}

/* Λάμψη κατά το hover */
.ghost-button:hover::before {
  transform: translateX(100%) rotate(45deg);
  opacity: 1;
}

/* Επαναφορά λάμψης κατά την έξοδο από το κουμπί */
.ghost-button:active::before {
  transform: translateX(-100%) rotate(45deg);
  opacity: 1;
}

/* Αρχικό κείμενο και βελάκι */
.ghost-button .text-initial,
.ghost-button .arrow-initial {
  opacity: 1;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.ghost-button .text-final,
.ghost-button .arrow-final {
  opacity: 0;
  position: absolute;
  color: #FFD700;
  transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Hover ή Active Κατάσταση */
.ghost-button:hover .text-initial,
.ghost-button:active .text-initial,
.ghost-button:hover .arrow-initial,
.ghost-button:active .arrow-initial {
  opacity: 0;
  transform: translateX(-10px);
}

.ghost-button:hover .text-final,
.ghost-button:active .text-final {
  opacity: 1;
  transform: translateX(0);
}

.ghost-button:hover .arrow-final,
.ghost-button:active .arrow-final {
  opacity: 1;
  transform: translateX(60px);
}

/* Προσαρμογή για tablet */
@media (max-width: 1024px) {
  .ghost-button {
    padding: 12px 25px;
    font-size: 16px;
  }
}

/* Προσαρμογή για κινητά: κάθετη διάταξη */
@media (max-width: 768px) {
  .button-wrapper {
    flex-direction: column;
    gap: 10px;
  }
  
  .ghost-button {
    padding: 10px 20px;
    font-size: 14px;
  }
}/* End custom CSS */