/* Buttons */
:root{
    --button-padding-tiny: 4px 18px;
    --button-padding-small: 10px 24px;
    --button-padding: 12px 26px;
    --button-padding-large: 14px 28px;
    --button-padding-huge: 18px 34px;
}

button,
.btn {
font-family: "Inter", sans-serif;
font-weight: 600;
}

/*====================================================*/
.sidebar .close-btn{
 
    position: relative;

  width: 34px;
  height: 34px;
  flex: 0 0 34px;

  border: 1.5px solid #9b6f5c;
  border-radius: 50%;
  cursor: pointer;
  transition:
      transform 0.35s ease,
      background-color 0.35s ease;
}
.sidebar .close-btn::before,
.sidebar .close-btn::after {
  content: "";
  position: absolute;

  top: 50%;
  left: 50%;

  width: 13px;
  height: 1.5px;

  background-color: #9b6f5c;

  transform: translate(-50%, -50%) rotate(45deg);
}

.sidebar .close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}



.seo_intro_section .common_button_filled{ /*Ας μιλησουμε*/

}

.services_hero_section .common_button_filled,
.who_section .common_button /*Γνωρισε με*/,
.services .common_button_filled,/*Μαθε περισσοτερα */
.rate_section .common_button_filled{
    margin-top: 2%;
}
.who_section .common_button /*Γνωρισε με*/{
    background-color: var(--background-clr);
}

/* .services_hero_section .common_button_filled{
    padding: 2% !important;
} */

/*====================================================*/

.common_button{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    padding:var(--button-padding-small);

    border:4px solid var(--new-clr-mpez);

    background:transparent;

    color:var(--new-clr-prasino-skouro);

    border-radius:14px;

    font-weight:500;

    text-decoration:none;

    transition:.35s;
}

.common_button:hover,
.common_button:visited:hover {
color: var(--new-clr-rodakini); /* hover color */
transform:translateY(-3px);
}

/* Visited */
.common_button:visited {
color: var(--menu-txt-clr);
}

.common_button_filled{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;

    padding:var(--button-padding-small);

    background:var(--new-clr-rodakini);
    color:var(--new-clr-prasino-skouro);

    border:2px solid var(--new-clr-prasino-skouro);
    border-radius:14px;

    font-size:var(--medium-button-font-size);
    font-weight:600;
    letter-spacing:.25px;
    line-height:1;

    text-decoration:none;
    cursor:pointer;
    user-select:none;

    position:relative;
    overflow:hidden;

    box-shadow:
        0 4px 10px rgba(0,0,0,.05),
        0 12px 28px rgba(0,0,0,.10);

    transition:
        background .35s ease,
        border-color .35s ease,
        color .25s ease,
        transform .25s ease,
        box-shadow .35s ease;
}

/* Premium highlight */

.common_button_filled::before{

    content:"";

    position:absolute;
    inset:0;

    border-radius:inherit;

    border:1px solid rgba(255,255,255,.25);

    pointer-events:none;
}


/* Hover */

.common_button_filled:hover{

    background:color-mix(
        in srgb,
        var(--new-clr-rodakini),
        black 8%
    );

    border-color:var(--new-clr-prasino-skouro);

    color:var(--new-clr-prasino-skouro);

    transform:translateY(-3px);

    box-shadow:
        0 8px 18px rgba(0,0,0,.08),
        0 20px 40px rgba(0,0,0,.16);
}


/* Active */

.common_button_filled:active{

    transform:translateY(-1px);

    box-shadow:
        0 4px 10px rgba(0,0,0,.08),
        0 10px 22px rgba(0,0,0,.12);
}


/* Keyboard */

.common_button_filled:focus-visible{

    outline:none;

    box-shadow:
        0 0 0 4px rgba(52,78,65,.18),
        0 20px 40px rgba(0,0,0,.16);
}
    
    
/* Κουμπί CTA */ /*Κλειστε ενα ραντεβου*/
.cta_button { 
    display:inline-flex;
    align-items:center;
    justify-content:center;
    
    padding:var( --button-padding-large);
    
    border-radius:50px;
    
    background:var(--background-clr);
    
    color:var(--new-clr-prasino-skouro);
    
    font-weight:600;
    
    text-decoration:none;
    
    transition:.3s;
}
    
.cta_button:hover {
    color: var(--new-clr-rodakini);
}
    


.service-btn{

    display:inline-flex;
    font-size: 1.1rem;
    align-items:center;
    justify-content:center;
  
    min-width:260px;
  
    padding:var(--button-padding-huge);
  
    background:
    linear-gradient(
    135deg,
    #7c9b87,
    #5f7e6b);
  
    color:white;
  
    text-decoration:none;
  
    font-weight:600;
  
    letter-spacing:1px;
  
    border-radius:15px;
  
    transition:.35s;
  
    position:relative;
  
    overflow:hidden;
}
  
.service-btn::before{
  
    content:"";
  
    position:absolute;
  
    width:40px;
    height:300%;
  
    background:
    rgba(255,255,255,.25);
  
    left:-70px;
    top:-100%;
  
    transform:rotate(25deg);
  
    transition:.6s;
}
  
.service-btn:hover::before{
    left:120%;
}
  
.service-btn:hover{
    font-size:1.1rem;
    transform:
    translateY(-3px);
  
    box-shadow:
    0 15px 30px rgba(95,126,107,.35);
}


@media(max-width:768px){
    

     .common_button
     {
        padding:var(--button-padding-tiny);
     }

}