.xp-buttons{padding:1rem 2rem}.xp-buttons>header{margin-bottom:1rem;position:relative;width:100%;overflow:hidden}.xp-buttons>header .fa{font-size:18px}.xp-buttons>header h4{padding:0;text-align:left;position:relative;font-weight:700;font-size:1rem;margin:0 !important;line-height:1.2rem}.xp-buttons .card{border-radius:0 !important}.xp-buttons .card a{display:block;padding:.5rem 1rem}.xp-buttons .card.active{border-top-color:#ddd !important;border-right-color:#ddd !important;border-bottom-color:#ddd !important;font-weight:700 !important;z-index:2 !important}.xp-buttons .card.active,.xp-buttons .card.active a:hover,.xp-buttons .card a:hover{background-color:#efefef;color:#000 !important}.xp-buttons .card.xp1{border-left:3px solid #006bb6}.xp-buttons .card.xp2{border-left:3px solid #ffc800}.xp-buttons .card.xp3{border-left:3px solid #007527}.xp-buttons .card.xp4{border-left:3px solid #ff6e19}.xp-buttons .card.xp5{border-left:3px solid #e20f00}.xp-buttons .card.xp6{border-left:3px solid #9ec437}.xp-buttons .card.xp7{border-left:3px solid #870061}.xp-buttons .card.xp8{border-left:3px solid #874f17}.xp-buttons .card.xp9{border-left:3px solid #3d4040}