/*
   imported from icon-button.scss 
*/

/*
  When adding a color, please add it to the :export section at the end of this file.
  If you need to add a new section/type of color, you can add the section title to the :export by pre-prending it with an underscore.
*/
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* Primary Colors */
/* Secondary Colors */
/* Gradients */
/* Transparencies */
/* stylelint-disable */

/* stylelint-enable */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* Line Heights */
/* stylelint-disable */

/* stylelint-enable */
/**
  If making changes to this file, please make sure the changes are reflected on the :export section at the end of the file.
 */
/**
 * Computes a CSS calc function that betweens a value from
 * A to B over viewport-width A to viewport-width B.
 * Requires a media query to cap the value at B.
 */
/**
 * Lightens or darkens a color based on its brightness
 */
/**
* This takes the current $color of the parent and sets the icon color
* to be the currentColor
*/
/**
* Determines the icon size for various different sizes of buttons
*/
/* IMPORT_PT: update these as the project sees fit */
/* stylelint-disable */

/* stylelint-enable */
.icon-button__iconButton___2aORX {
  background: rgba(0, 0, 0, 0);
  border: 0;
  color: #C0C2D0;
  padding: 0; }
  .icon-button__iconButton___2aORX svg {
    display: block; }
    .icon-button__iconButton___2aORX svg > path {
      fill: currentColor; }
  .icon-button__iconButton___2aORX:enabled {
    cursor: pointer; }
  .icon-button__iconButton___2aORX:active {
    opacity: 0.5;
    position: relative;
    top: 1px; }
  .icon-button__iconButton___2aORX:hover {
    background: none; }

.icon-button__primary___33qfM {
  color: #0E99FF; }

.icon-button__tertiary___3P7II {
  color: #FFFFFF; }

.icon-button__green___3zsg_ {
  color: #7ED221; }

.icon-button__slate___2N7y0 {
  color: #607997; }