/* Code for SVG arrow buttons adapted from https://codepen.io/fixcl/pen/Fkcot */

button {
    -webkit-appearance: none;
    background: transparent;
    border: 0;
    outline:0;
  }
  
  svg {
    padding: 5px;
  }
  
  .arrow {
    cursor: pointer;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 120px;
    padding: 10px;
  }

  .left:hover polyline,
  .left:focus polyline {
    stroke-width: 12;
  }
  
  .left:active polyline {
    stroke-width: 6;
    transition: all 100ms ease-in-out;
  }
  
  .right:hover polyline,
  .right:focus polyline {
    stroke-width: 12;
  }
  
  .right:active polyline {
    stroke-width: 6;
    transition: all 100ms ease-in-out;
  }
  
  polyline {
    transition: all 250ms ease-in-out;
  }