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;
}

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

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


/* Btn Close */
.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;
}


/* Btn Delete */
.btn_delete{
all:unset !important;
}

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

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

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

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

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

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

.btn_delete.text{
all:unset;
outline:#ff0080 solid 1px !important;
margin:0 !important;
padding:0 !important;
display:flex !important;
justify-content:center !important;
align-items:center !important;
}

.btn_delete.text{
font-size:var(--fs-xs) !important;
}


.btn_delete.text .icon{
display:inline-block;
width:1.75rem;
height:1.75rem;
margin:0 0 0 .25rem;
outline:#ff0080 solid 1px;
pointer-events:none;
}

.btn_delete.text .icon,
.btn_delete.text .icon:hover{
background:url('/assets/img/btn/delete/icon/off.svg') no-repeat center right;
}

.btn_delete.text:hover .icon{
background:url('/assets/img/btn/delete/icon/hover.svg') no-repeat center right;
}