Pet Seat Belt Sublimation Blank

This pet seat belt sublimation blank presses well and looks great finished, easily clips into any seat belt stalk.

<?php

function text_to_button_shortcode($atts, $content = null) {
    // Extract attributes and set default values
    $atts = shortcode_atts(
        array(
            'url' => '#',           // Default URL
            'color' => '#0073e6',   // Default button color
            'text_color' => '#ffffff', // Default text color
            'target' => '_self',    // Default link target
            'size' => 'medium',     // Default button size
            'class' => '',          // Additional custom classes
        ),
        $atts,
        'text_button'
    );

    // Define button size classes
    $size_class = '';
    switch ($atts['size']) {
        case 'small':
            $size_class = 'small-button';
            break;
        case 'large':
            $size_class = 'large-button';
            break;
        case 'medium':
        default:
            $size_class = 'medium-button';
            break;
    }

    // Return the button HTML
    return '<a href="' . esc_url($atts['url']) . '" target="' . esc_attr($atts['target']) . '" class="text-button ' . esc_attr($size_class) . ' ' . esc_attr($atts['class']) . '" style="background-color: ' . esc_attr($atts['color']) . '; color: ' . esc_attr($atts['text_color']) . ';">' . esc_html($content) . '</a>';
}

// Register the shortcode
add_shortcode('text_button', 'text_to_button_shortcode');

// Add CSS to style the buttons
function text_button_styles() {
    echo '
    <style>
        .text-button {
            display: inline-block;
            padding: 10px 20px;
            text-decoration: none;
            border-radius: 5px;
            transition: background-color 0.3s ease;
        }

        .text-button:hover {
            background-color: #005bb5; /* Darken the button on hover */
        }

        .small-button {
            padding: 5px 10px;
        }

        .large-button {
            padding: 15px 30px;
        }
    </style>
    ';
}
add_action('wp_head', 'text_button_styles');