/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

 .akeyi-widget {
   box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12); 
   border-radius: 5px; 
   width: 420px; 
   height: 540px; 
   margin: 0; 
   background: white;
 }

 .akeyi-error {
   border: 1px dashed #e74c3c;
   padding: 1rem;
 }

 .akeyi-widget-button, .akeyi-widget-button:visited {
   padding: 0.75rem 1.5rem;
   border-radius: 5px;
   font-weight: 500;
   color: white;
   text-decoration: none;
   position: relative;
   overflow: hidden;
   display: inline-block;
 }
.akeyi-widget-button span {
  color: white;
  text-decoration: none;
  position: relative;
  z-index: 2;
}

.akeyi-widget-button:hover:before {
  content: '';
  position: absolute;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background: black;
  opacity: 0.1;
  pointer-events: none;
}

.akeyi-widget-button:active {
  transition: none;
  transform: scale(0.99);
}