button{
display:inline-block;
width:auto;
margin:.5rem 0;
padding:.65rem .75rem;
border:none;
}

button{
cursor:pointer;
font-weight:bold;
font-size:var(--fs-p);
background:var(--bgr-accent-300);
color:var(--clr-primary-300);
border-radius:.25rem;

&:hover{
background:var(--bgr-accent-400);
color:var(--clr-primary-400);
}

}

button[disabled]{
cursor:not-allowed;
}

.btn_close.icon{
width:1.75rem;
height:1.75rem;
border:0;
cursor:pointer;
}

.btn_close.icon{
background:url('/assets/img/btn/close/icon/off.svg') no-repeat top left;
}

.btn_close.icon:hover{
background:url('/assets/img/btn/close/icon/on.svg') no-repeat top left;
}

.btn_close.icon.on{
background:url('/assets/img/btn/close/icon/on.svg') no-repeat top left;
}

.btn_close.icon.on:hover{
background:url('/assets/img/btn/close/icon/off.svg') no-repeat top left;
}

.btn_close.icon span,
.btn_close.icon strong{
display:none;
}