.content-button{
	width: 100%;
	& .button-opc {
        height: 100%;
        width: 100%;

        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
        color: white;
        text-align: center;
        line-height: 1.5;
        border: 1px solid transparent;
        border-radius: var(--border-radius-S360);
        user-select: none;
        cursor: pointer;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out, opacity .15s ease-in-out;

        &.consult {
            background-color: var(--color-bnt-consult-S360);
            &:hover {
                background-color: var(--color-bnt-consult-hover-S360);
            }
            &:active {
                background-color: var(--color-bnt-consult-active-S360);
            }
        }

        &.suscess {
            background-color: var(--color-bnt-suscess-S360);
            &:hover {
                background-color: var(--color-bnt-suscess-hover-S360);
            }
            &:active {
                background-color: var(--color-bnt-suscess-active-S360);
            }
        }

        & .icon-button{
            font-size: 16px;
        }

        & .text-button{
            font-weight: 500;
        }

        &.cancel{
            background-color: var(--color-bnt-danger-S360);
            &:hover {
                background-color: var(--color-bnt-danger-hover-S360);
            }
            &:active {
                background-color: var(--color-bnt-danger-active-S360);
            }
        }

        &.B_Borrarfilter {
            background-color: transparent;
            color: var(--color-btn-borrar-filter-S360);
            border-color: var(--color-btn-borrar-filter-S360);
        
            &:hover {
                background-color:var(--color-btn-borrar-filter-S360);
                color: var(--color-text-contraste-S360)
            }
        }

        &.filter {
            background-color: transparent;
            color: var(--color-text-S360);
            border-color: #6c757d;
            &:hover {
                background-color: #6c757d;
                color: var(--color-text-contraste-S360)
            }
        }

        &.changeProcess  {
            background-color: #17A2B8;
            color: var(--color-text-contraste-S360);
            border-color: #17A2B8;
            &:hover {
                background-color: #1d96a8;
                color: var(--color-text-contraste-S360)
            }
        }

        &.arrowBack  {
            background-color: #007bff;
            color: var(--color-text-contraste-S360);
            border-color: #007bff;
            &:hover {
                background-color: #0f69c9;
                color: var(--color-text-contraste-S360)
            }
        }

        &.clearEmptyFilter  {
            background-color: #59a9ff;
            color: var(--color-text-contraste-S360);
            border-color: #59a9ff;
            &:hover {
                background-color: rgb(12, 81, 155);
                color: var(--color-text-contraste-S360)
            }
        }
        
	}
}