CSS Improvements for The Mass Apothecary

additional-css.css

/*
* CSS Improvements for The Mass Apothecary.
*
* Improves the look and feel of the purchase options (Subscription + One Time payment) 
* on the single product pages.
*
* @author Obi Juan <[email protected]>
* @authorURI https://obijuan.dev/
* @license GPL v2 or later.
*
* Instructions: The code should go in Appearance > Customize > Additional CSS
* on your WordPress Admin or your preferred code snippets plugin that supports
* Custom CSS snippets.
*
*/

/* Stack the elements with flexbox and reduce the gap */
ul.wcsatt-options-prompt-radios
{

    flex-direction:column-reverse;
    gap:0;

}

/* Last Element */
.wcsatt-options-prompt-radios > li:first-child
{
    
  border-radius: 0px 0px 5px 5px;
    
}

/* First Element */
.wcsatt-options-prompt-radios > li:last-child
{
    
  border-radius: 5px 5px 0px 0px;
    
}

/* List Item Hover behavior*/
.wcsatt-options-prompt-radio:hover
{
    
    background:#f2f2f2;

}