/*********
 Specific CSS for Button Module 
**********/
 
.wms_button_wrapper .wms-button {
  border-radius: 6px; 
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;	
  transition: all 0.4s ease; 
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  gap: 5px;	
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.44px;	
  padding: 15px 30px;
  display: inline-flex; 
  justify-content: center;
  align-items: center; 
  flex-shrink: 0; 
}

.wms_button_wrapper .wms-button svg,
.wms_button_wrapper .wms-button i {
  transition: all 0.4s ease; 	
}

.wms_button_wrapper .wms-button[data-eyecaching="yes"] {
  background: #F82C51 !important;
  border-color: #F82C51 !important;
  color: #ffffff !important;	
}

.wms_button_wrapper .wms-button[data-eyecaching="yes"] svg { 
  color: #ffffff !important;
  fill: #ffffff !important;	
}

.wms_button_wrapper .wms-button[data-eyecaching="yes"] i {  
  color: #ffffff !important;	
}

.wms_button_wrapper .wms-button.wms-button-primary,
.wms_button_wrapper .wms-button.wms-button-primary:active,
.wms_button_wrapper .wms-button.wms-button-primary:focus {	
  border-color: #1C2D3B;
  background: var( --Midnight, linear-gradient( 0deg, rgba( 0, 0, 0, 0.20 ) 0%, rgba( 0, 0, 0, 0.20 ) 100% ), #1C2D3B );	
  color: #ffffff;
}

@media (hover: hover) { 

  .wms_button_wrapper .wms-button.wms-button-primary:hover {
    background: #495762;
    border-color: #495762;
    color: #ffffff;	 
  }
  
  .wms_button_wrapper .wms-button.wms-button-secondary:hover { 
	background: #CFF0FF;
	border-color: #CFF0FF;
	color: #1C2D3B;	 
  }  
  
  .wms_button_wrapper .wms-button.wms-button-tertiary:hover {
    background: #ffffff;
    border-color: #1C2D3B;
    color: #495762;	 
  }
  
}



.wms_button_wrapper .wms-button.wms-button-primary svg,
.wms_button_wrapper .wms-button.wms-button-primary:hover svg {
  color: #ffffff;
  fill: #ffffff;	
}

.wms_button_wrapper .wms-button.wms-button-primary i,
.wms_button_wrapper .wms-button.wms-button-primary:hover i {
  color: #ffffff;	
}

.wms_button_wrapper .wms-button.wms-button-secondary,
.wms_button_wrapper .wms-button.wms-button-secondary:active,
.wms_button_wrapper .wms-button.wms-button-secondary:focus { 
  background: #87DAFF;	
  border-color: #87DAFF;
  color: #1C2D3B;
}

.wms_button_wrapper .wms-button.wms-button-secondary svg,
.wms_button_wrapper .wms-button.wms-button-secondary:hover svg {
  color: #1C2D3B;
  fill: #1C2D3B;	
}

.wms_button_wrapper .wms-button.wms-button-secondary i,
.wms_button_wrapper .wms-button.wms-button-secondary:hover i {
  color: #1C2D3B;	
}

.wms_button_wrapper .wms-button.wms-button-tertiary {
  background: #ffffff;	
  border-color: #000000;
  color: #101721;
}

.wms_button_wrapper .wms-button.wms-button-tertiary svg {
  color: #101721;
  fill: #101721;	
}

.wms_button_wrapper .wms-button.wms-button-tertiary i {
  color: #101721;
}

.wms_button_wrapper .wms-button.wms-button-tertiary:hover svg {
  color: #495762;
  fill: #495762;	 
}

.wms_button_wrapper .wms-button.wms-button-tertiary:hover i {
  color: #495762;
}

.wms_button_wrapper .wms-button.wms-button-tile {
  background: #87DAFF;	
  border-color: #87DAFF;
  color: #1C2D3B;
}

.wms_button_wrapper .wms-button.wms-button-tile:hover {
  background: #495762;
  border-color: #495762;
  color: #FFFFFF;	 
}

.wms_button_wrapper .wms-button.wms-button-tile svg {
  color: #1C2D3B;
  fill: #1C2D3B;	
}

.wms_button_wrapper .wms-button.wms-button-tile i {
  color: #1C2D3B;
}

.wms_button_wrapper .wms-button.wms-button-tile:hover svg {
  color: #ffffff;
  fill: #ffffff;	
}

.wms_button_wrapper .wms-button.wms-button-tile:hover i {
  color: #ffffff;	
}

.wms_button_wrapper .wms-button-large {
  height: 50px;
}

.wms_button_wrapper .wms-button-medium {
  height: 43px;
}

.wms_button_wrapper .wms-button-small {
  height: 42px;
}

.wms_button_wrapper .wms-button-extrasmall {
  height: 38px;
}

.wms_button_wrapper .wms-button.notext,
.wms_button_wrapper .wms-button.notext .wms_icon {
  line-height: normal;	
}