/* Hover arrow on Divi buttons -- see inc/button-icon.php.
 *
 * The site's button presets lock the padding for the resting AND the hover state:
 *
 *   .preset--module--divi-button--default_wrapper .preset--module--divi-button--default,
 *   .preset--module--divi-button--default_wrapper .preset--module--divi-button--default:hover
 *   { padding: 12px 24px !important }
 *
 * Divi normally widens the right padding on hover to open up room for the arrow, which
 * rests at `right: -8px` -- outside the button -- and slides in. With the padding locked
 * the arrow has nowhere to go, so it stays jammed against the rounded right edge and
 * overlaps the label.
 *
 * These selectors carry the same `body #page-container` prefix Divi uses for its own
 * overrides, so they outweigh the preset. Divi already transitions both padding and the
 * pseudo-element, so the arrow slides in on its own.
 */

body #page-container .et_pb_button:hover {
	padding-right: 48px !important;
}

body #page-container .et_pb_button:hover::after {
	right: 12px;
}