.pi-map-policy { text-align: center; }

.pi-btn { width: 200px; height: 200px; display: inline-block; background: url(https://media.ruud.com/site/ruuddotcom/_WP/img/map/hex-bkg-blue.svg) center center no-repeat; text-align: center; transition: filter .3s ease-in-out , background .3s ease-in-out; /* .3s ease-in-out */ }

.pi-btn h3 { font-size: 14px; display: inline-block; vertical-align: middle; padding: 68px 6px 0 6px; color: #fff; height: 100%; transition: text-shadow .3s ease-in-out .2s; }

.pi-btn h3 strong { display: block; }

.pi-btn:hover { -webkit-filter: drop-shadow( 0 6px 8px rgba(0,0,0,.3) ); filter: drop-shadow( 0 6px 8px rgba(0,0,0,.3) ); background: url(https://media.ruud.com/site/ruuddotcom/_WP/img/map/hex-bkg-steelblue.svg) center center no-repeat; }

.pi-btn:hover h3 { text-shadow: 0 4px 8px rgba(0,0,0,.8); }