/*

Theme Name: Divi Child

Theme URI: https://example.com/divi-child/

Description: Twenty Twenty-One Child Theme

Author: Anna Fitzgerald

Author URI: https://example.com

Template: Divi

Version: 1.0.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/*STICKY BUTTON LEFT*/
/*This places the button where we want it*/
#ds-sticky-button {
position: fixed;
left: 0 !important; /*Positions the button to the left of the page*/
top: 300px; /*Sets the distance of the button from the top of page*/
width: 200px !important; /*Sets dimensions of the button*/
height: 25px !important; /*Sets dimensions of the button*/
z-index:99999; /*Keeps the button on top*/
transform: rotate(-90deg); /*Rotates the button*/
transform-origin: left top 0; /*Places the button after rotation*/
}
/*Styles the link text to make it look like a button - You can edit all these values to match your design*/
#ds-sticky-button a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  border: 1px solid #fff;
  color: #ffffff;
  font-size: 16px;
  background: #1F91B5;
  padding: 5px 15px 5px 15px;
  text-decoration: none;
}
/*Styles the button on hover - You can edit all these values to match your design*/
#ds-sticky-button a:hover {
  background: #E6E87B;
  text-decoration: none;
}
/*Moves the button up a bit on smaller screens - You can adjust this to get the button where you want it or just remove it if you don't want to change the location*/
@media only screen and (max-width: 980px) {
#ds-sticky-button {
top: 200px !important;
}
}