/*
 Theme Name: Tangible SearchSync
 Theme URI: https://teamtangible.com/
 Description: A child theme for Twenty Twenty-Five.
 Author: Team Tangible
 Author URI: https://teamtangible.com/
 Template: twentytwentyfive
 Version: 1.0.2
 License: GNU General Public License v3.0 (or later)
 License URI: https://www.gnu.org/licenses/gpl-3.0.html
 Text Domain: twentytwentyfive
*/


/*
 * Button Styling
 */
.tss-button:not(.wp-block-button),
.tss-button--primary,
.wp-block-button > a.wp-block-button__link,
.tss-button > a.wp-block-button__link {
  color: var(--wp--preset--color--white, #fff);
  background-color: var(--wp--preset--color--primary-500, #264DFD);
  font-size: 1.25rem;
  font-weight: 700;
  padding: 0.85em 1.6em;
  border: 1px solid var(--wp--preset--color--primary-500, #264DFD);
  border-radius: 0.25rem;
  line-height: 1;
  min-width: max-content;
  transition: all 0.3s ease-out;

  &:hover {
    border-color: var(--wp--preset--color--primary-400, #3778FF);
    background-color: var(--wp--preset--color--primary-400, #3778FF);
    box-shadow: 0px 3px 5px 0px #0040BF80;
  }
}
.tss-button--small:not(.wp-block-button),
.tss-button--small > a.wp-block-button__link {
  font-size: 1.125rem;
  padding: 0.67em 1.1em;
}
.tss-button--light:not(.wp-block-button),
.tss-button--light > a.wp-block-button__link {
  color: var(--wp--preset--color--primary-900, #07132C);
  background-color: var(--wp--preset--color--primary-100, #D1E3FF);
  border-color: var(--wp--preset--color--primary-100, #D1E3FF);

  &:hover {
    color: var(--wp--preset--color--primary-900, #07132C);
    background-color: var(--wp--preset--color--white, #fff);
    border-color: var(--wp--preset--color--white, #fff);
    box-shadow: 0px 3px 5px 0px #0000004D;
  }
}
.tss-button--style-outline:not(.wp-block-button),
.tss-button--style-outline > a.wp-block-button__link {
  color: var(--wp--preset--color--primary-500, #264DFD);
  background-color: transparent;

  &:hover {
    background-color: var(--wp--preset--color--white);
    box-shadow: 0px 3px 5px 0px #0040BF52;
  }
}
.tss-button--style-outline.tss-button--light:not(.wp-block-button),
.tss-button--style-outline.tss-button--light > a.wp-block-button__link {
  color: var(--wp--preset--color--primary-100, #D1E3FF);

  &:hover {
    color: var(--wp--preset--color--white, #fff);
    background-color: transparent;
  }
}