@main-button-color: transparent;
/* @main-button-color: transparent; */
/* @main-button-hover-color: #00A8E1; */
/* @button-text-color: #B14B43; */
/* @button-hover-text-color: #FFFFFF; */

/* @button-font-size: 24px; */
/* @left-padding:  0.75em; */
/* @right-padding: 2.75em; */

/* @circle-bg-color: #00A8E1; */
/* @circle-hover-color: #00A8E1; */
/* @circle-element-color: #FFFFFF; */ 
/* @circle-element-hover-color: #FFFFFF; */


.page-section .sqs-block-button-element--small {
  background-color: transparent; /* @main-button-color */
  padding-top: 0.5em;    
  padding-right: 2.75em;  /* @right-padding; */
  padding-bottom: 0.5em; 
  padding-left: 0.75em;   /* @left-padding; */
  display: inline-block;
  border-radius: 300px;
  position: relative;
  outline: none;
  border: none;
  font-size: 24px !important;   /* @button-font-size;   */
  color: #00C8F1;               /* @button-text-color;  */    
  line-height: 1em;
  -webkit-transition: all .25s ease;
  -moz-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
  overflow: hidden;
}

.page-section .sqs-block-button-element--small svg {
  background: #00C8F1;        /* @circle-bg-color;  */
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  bottom: 0;
  width: 2em;
  height: 2em;
  padding: .6em;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  box-sizing: border-box;
      transform-origin: top;
}

.page-section .sqs-block-button-element--small svg path {
  fill: #FFFFFF; /* @circle-element-color; */
}

.page-section .sqs-block-button-element--small:hover {
  background-color: #00a8e1;     /* @main-button-hover-color;  */
  color: #FFFFFF;                /* @button-hover-text-color */
}

.page-section .sqs-block-button-element--small:hover svg {
  background-color: #00a8e1;  /* @main-button-color; */
  transform: rotate(45deg) translateY(-50%);
  will-change: transform;
  border-radius: 50%;
  
}

.page-section .sqs-block-button-element--small:hover svg path {
  fill: #FFFFFF; /* @circle-element-hover-color; */
}
#siteWrapper.site-wrapper .sqs-button-element--tertiary{
    padding-right: 2.5em;
}