.vdm-boton-regresar,
.vdm-regreso-shortcode {
    cursor: pointer;
}

.vdm-boton-regresar.vdm-regreso-activo:focus-visible,
.vdm-regreso-shortcode:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 3px;
}

/* Caso pensado para un párrafo que solo contiene un Dashicon. */
p.vdm-boton-regresar,
.vdm-boton-regresar.vdm-regreso-icono {
    width: var(--vdm-regreso-button-size, 44px);
    min-width: var(--vdm-regreso-button-size, 44px);
    height: var(--vdm-regreso-button-size, 44px);
    min-height: var(--vdm-regreso-button-size, 44px);
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.vdm-boton-regresar .dashicons,
.vdm-boton-regresar.dashicons,
.vdm-regreso-shortcode .dashicons {
    width: var(--vdm-regreso-icon-size, 24px);
    height: var(--vdm-regreso-icon-size, 24px);
    font-size: var(--vdm-regreso-icon-size, 24px);
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.vdm-regreso-shortcode {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: var(--vdm-regreso-button-size, 44px);
    padding: 8px 12px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    line-height: 1.2;
}

.vdm-regreso-shortcode:hover,
.vdm-boton-regresar:hover {
    opacity: .8;
}