.column{float:left;width:50%;padding:0 2.5em;min-height:200px;position:relative}.column:first-child{box-shadow:inset -1px 0 0 rgba(0,0,0,.1);text-align:right}.column p{font-weight:300;font-size:1.8em;padding:0 0 .5em;margin:0;line-height:1.5}.column p.small{font-size:1em;padding:.75em 0 1em;font-weight:700;line-height:1.2}.progress-button{position:relative;display:inline-block;padding:0 3em;outline:none;border:none;color:#fff;text-transform:uppercase;font-weight:700;letter-spacing:1px;font-size:1em;z-index:50;line-height:4;overflow:hidden;border-radius:5px;background:rgba(0,0,0,.2)}.progress-button .content{position:relative;display:block;z-index:10;-webkit-transition:-webkit-transform 0.3s;transition:transform 0.3s}.progress-button .progress{position:absolute;left:0;background:rgba(0,0,0,.2);top:0;width:0%;opacity:0;height:100%;z-index:0;-webkit-transition:width 0s 0.3s,opacity 0.3s;transition:width 0s 0.3s,opacity 0.3s}.progress-button.active .progress{opacity:1;width:100%;-webkit-transition:width 1.2s;transition:width 1.2s}@media screen and (max-width:46.5em){.column{width:100%;min-width:auto;min-height:auto;padding:2em;font-size:90%}.column:first-child{text-align:center;box-shadow:inset 0 -1px 0 rgba(0,0,0,.1)}}