/**
 * Block Style: Buttons - Rounded
 * File: block-styles/buttons-rounded.css
 *
 * Provides a custom style variation for core/button blocks.
 * This style can be registered via functions.php or theme.json
 * so users can select "Rounded" from the block style panel.
 *
 * @package Bongoto_WooCommerce
 */

.is-style-bongoto-woocommerce-buttons-rounded .wp-block-button__link,
.wp-block-button.is-style-bongoto-woocommerce-buttons-rounded .wp-block-button__link {
  border-radius: 9999px; /* full pill shape */
  padding: 0.6rem 1.5rem;
  font-weight: 600;
  transition: background var(--bt-transition, 0.2s ease),
              box-shadow var(--bt-transition, 0.2s ease);
}

.is-style-bongoto-woocommerce-buttons-rounded .wp-block-button__link:hover,
.wp-block-button.is-style-bongoto-woocommerce-buttons-rounded .wp-block-button__link:hover {
  filter: brightness(0.95);
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}