/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 08 2025 | 10:35:08 */
/* 
button classes to copy:

.filled-buttons
	.dark-color-button	
	.light-color-button

.outline-buttons
	.dark-color-button
	.light-color-button
*/
/* General */
.wp-block-button .wp-element-button:focus, .wp-block-button .wp-element-button:active {
  outline: none;
}
/* General */
/* ========= Filled buttons ========= */
.filled-buttons {
  /* general filled buttons */
  /* general filled buttons */
  /* .dark-color-button */
  /* .dark-color-button */
  /* .light-color-button */
  /* .light-color-button */
}
.filled-buttons .wp-block-button .wp-element-button {
  border-radius: 10px !important;
  border: none;
  box-shadow: var(--wp--preset--shadow--natural);
  padding: 5px 50px;
}
.filled-buttons .wp-block-button .wp-element-button:hover {
  /* opacity: 1 !important; */
}
.filled-buttons .dark-color-button .wp-element-button {
  background: var(--wp--preset--color--custom-dark-color);
  color: var(--wp--preset--color--primary);
}
.filled-buttons .dark-color-button .wp-element-button:hover {
  /* color: var(--wp--preset--color--contrast) !important; */
  /* background-color: transparent !important; */
  /* border-color: var(--wp--preset--color--contrast) !important; */
}
.filled-buttons .light-color-button .wp-element-button {
  border-color: var(--wp--preset--color--secondary) !important;
}
.filled-buttons .light-color-button .wp-element-button:hover {
  color: var(--wp--preset--color--secondary) !important;
  /* background-color: transparent !important; */
  /* border-color: var(--wp--preset--color--secondary) !important; */
}
/* ========= Filled buttons ========= */
/* ========= Outline buttons ========= */
.outline-buttons {
  /* general link buttons */
  /* general link buttons */
  /* .dark-color-button */
  /* .dark-color-button */
  /* .light-color-button */
  /* .light-color-button */
}
.outline-buttons .wp-block-button .wp-element-button {
  border: 1px solid;
  border-radius: 10px !important;
  box-shadow: var(--wp--preset--shadow--natural);
  padding: 5px 50px;
}
.outline-buttons .wp-block-button .wp-element-button:hover {
  opacity: 1 !important;
}
.outline-buttons .dark-color-button .wp-element-button:hover {
  color: var(--wp--preset--color--custom-db-hover) !important;
}
.outline-buttons .light-color-button .wp-element-button:hover {
  color: var(--wp--preset--color--custom-lb-hover) !important;
}
/* ========= Outline buttons ========= */