/*======================================================================
MF-06

BUTTON FOUNDATION
Version : 3.0
======================================================================*/


.ms-btn{

display:inline-flex;

align-items:center;

justify-content:center;

gap:var(--ms-space-3);

padding:14px 28px;

min-height:52px;

border:none;

border-radius:var(--ms-radius-pill);

font-family:var(--ms-font-body);

font-size:16px;

font-weight:var(--ms-fw-semibold);

line-height:1;

text-decoration:none;

cursor:pointer;

user-select:none;

white-space:nowrap;

transition:

background-color var(--ms-motion-normal) var(--ms-ease-standard),

color var(--ms-motion-normal) var(--ms-ease-standard),

border-color var(--ms-motion-normal) var(--ms-ease-standard),

transform var(--ms-motion-fast) var(--ms-ease-standard),

box-shadow var(--ms-motion-normal) var(--ms-ease-standard);

}


.ms-btn:hover{

transform:translateY(-2px);

box-shadow:var(--ms-shadow-md);

}

.ms-btn:active{

transform:translateY(0);

box-shadow:none;

}

.ms-btn:focus-visible{

outline:none;

box-shadow:

0 0 0 3px rgba(197,165,114,.25);

}


.ms-btn-primary{

background:var(--ms-gold);

color:#0D1111;

}

.ms-btn-primary:hover{

background:var(--ms-gold-hover);

color:#0D1111;

}


.ms-btn-secondary{

background:transparent;

border:1px solid var(--ms-border);

color:var(--ms-white);

}

.ms-btn-secondary:hover{

border-color:var(--ms-gold);

color:var(--ms-gold);

}


.ms-btn-outline{

background:transparent;

border:1px solid var(--ms-gold);

color:var(--ms-gold);

}

.ms-btn-outline:hover{

background:var(--ms-gold);

color:#0D1111;

}



.ms-btn-ghost{

background:transparent;

color:var(--ms-white);

border:1px solid transparent;

}

.ms-btn-ghost:hover{

background:rgba(255,255,255,.06);

color:var(--ms-white);

}



.ms-btn-link{

padding:0;

min-height:auto;

background:transparent;

border:none;

border-radius:0;

box-shadow:none;

color:var(--ms-gold);

}

.ms-btn-link:hover{

background:transparent;

color:var(--ms-gold-hover);

transform:none;

box-shadow:none;

}


.ms-btn-sm{

min-height:42px;

padding:10px 20px;

font-size:14px;

}

.ms-btn-md{

min-height:52px;

padding:14px 28px;

font-size:16px;

}

.ms-btn-lg{

min-height:60px;

padding:18px 36px;

font-size:18px;

}


.ms-btn-block{

display:flex;

width:100%;

}

.ms-btn-auto{

width:auto;

}


.ms-btn-icon{

display:inline-flex;

align-items:center;

justify-content:center;

gap:10px;

}

.ms-btn-icon svg{

width:18px;

height:18px;

flex-shrink:0;

}

.ms-btn-icon img{

width:18px;

height:18px;

object-fit:contain;

flex-shrink:0;

}


.ms-btn:disabled,

.ms-btn-disabled{

opacity:var(--ms-opacity-disabled);

pointer-events:none;

cursor:not-allowed;

box-shadow:none;

transform:none;

}


.ms-btn-group{

display:inline-flex;

align-items:center;

gap:var(--ms-space-4);

flex-wrap:wrap;

}

.ms-btn-group-center{

justify-content:center;

}

.ms-btn-group-between{

justify-content:space-between;

}


@media (max-width:767px){

.ms-btn-mobile-block{

display:flex;

width:100%;

}

}